如何将React元素转换为Html元素？

Question

现在我使用的ag-Grid可以为每个数据单元创建自定义渲染器，但它是必需的Html元素

例如，它们是可以通过调用document.createElement（）

创建的元素

但我想使用React元素作为方便的渲染器，方便我的

不确定我能否这样做？

Answer 1

您可以尝试使用getDOMNode例如：this.refs.giraffe.getDOMNode()或：

import ReactDOM from 'react-dom';
...
const submitBtn = ReactDOM.findDOMNode(this.refs.submitButton)

但是这种方式有一些弃用问题，更多信息来自：React.js: The difference between findDOMNode and getDOMNode

Answer 2

为此目的，在ag-grid中有一种新的React方式。这是最近的，所以你必须更新您的ag-grid模块。而不是使用cellRenderer使用cellRendererFactory，您可以直接传递React组件。资料来源：https://www.ag-grid.com/javascript-grid-cell-rendering-components/#react-cell-rendering