如何將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