javascript - Cell Renderer 是一个自定义组件，在 "Failed to execute ' : parameter 1 is not of type 'Node' . 上不断获取 'Node' appendChild'

Question

当我尝试使用单元格渲染来渲染自定义元素时，

这是我的组件:Action.jsx

import React from 'react';

export default (props) => (
    <div>
        <button
            class="action-button cancel">
            cancel
        </button>
    </div>
);

这是我的网格选项和导入:

import AcRenderer from './Action.jsx'
...
const gridOptions = {
    rowData: renderdata(),
    columnDefs: [
      {
        headerName: "action",
        cellRenderer: AcRenderer,
        editable: false,
        colId: "action",
        filter: false,
        minWidth: 220
      }
    ],

但我一直收到这个错误:

“未捕获的类型错误:无法在“节点”上执行“appendChild”:参数 1 不是“节点”类型。”

有人知道为什么吗？

非常感谢!!

Answer 1

问题解决了。

我不知道我以某种方式阅读了 27.0.0 版本的文档，但实际上使用的是 26.2。在这个版本中，它支持你编写一个功能组件并直接使用。(我测试时，6分钟前有一个新版本27.0.1，但测试后，控制台上有问题，所以决定使用back到 26.2)

但在 26.2 版本中，您必须以字符串形式导出或使用 ag 网格选项中的 frameworkComponents 导入它，之后您才能使用您的组件。

老实说，我们能不能有一些警告，比如:你正在阅读哪个版本的文档？我看到 27.0.0 于 2 月 8 日发布，但该项目比那早几天开始，在这些日子里我什至没有注意到有一个巨大的版本发布...

很抱歉我的提示(这个问题真的浪费了很多时间)但希望我的发现能有所帮助!