如何将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：findDOMNode和getDOMNode之间的区别

Answer 2

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