单元渲染器是一个自定义组件，不断收到“无法在‘节点’上执行‘appendChild’：参数 1 不是‘节点’类型。”

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
      }
    ],

但我不断收到此错误：

” Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.“

有谁知道为什么？

非常感谢！

Answer 1

问题解决了。

我不知道我是如何阅读 27.0.0 版本的文档但实际上使用的是 26.2。在这个版本中，它支持你编写一个功能组件，直接使用。（我测试的时候，6分钟前就有了新版本27.0.1，但是测试后，控制台出现了问题，所以决定使用回来至 26.2)

但在 26.2 版本中，您必须以字符串形式导出或使用frameworkComponentsag 网格选项内部导入它，之后您就可以使用您的组件。

老实说，我们可以提供一些警告，例如：您正在阅读哪个版本的文档？我看到27.0.0是2月8日发布的，但是项目比那早几天就开始了，这些天我什至没有注意到有一个巨大的版本发布......

对我的抱怨感到抱歉（这个问题确实浪费了很多时间），但希望我的发现能有所帮助！