[英]How can I convert React Element to Html element?
Now I've using ag-Grid that can create custom renderer for each data cells but it's required Html elements 现在我使用的ag-Grid可以为每个数据单元创建自定义渲染器,但它是必需的Html元素
For example they're an Elements that can be created by calling document.createElement() 例如,它们是可以通过调用document.createElement()创建的元素。
But I want to use React element as custom renderer for my convenient 但我想使用React元素作为自定义渲染器,方便我
Don't sure that I can do that or not ? 不确定我能做到吗?
You can try to use getDOMNode
for example: this.refs.giraffe.getDOMNode()
, or: 您可以尝试使用
getDOMNode
,例如: this.refs.giraffe.getDOMNode()
或:
import ReactDOM from 'react-dom';
...
const submitBtn = ReactDOM.findDOMNode(this.refs.submitButton)
But that way has some deprecation issues, more here: React.js: The difference between findDOMNode and getDOMNode 但是这种方式有一些弃用问题,更多这里: React.js:findDOMNode和getDOMNode之间的区别
There's a new React way in ag-grid for this purpose. 为此目的,在ag-grid中有一种新的React方式。 It's quite recent so you have to update your ag-grid module.
这是最近的,所以你必须更新您的ag-grid模块。 Instead of using
cellRenderer
use cellRendererFactory
to which you can pass React component directly. 而不是使用
cellRenderer
使用cellRendererFactory
,您可以直接传递React组件。 Source: https://www.ag-grid.com/javascript-grid-cell-rendering-components/#react-cell-rendering 资料来源: https : //www.ag-grid.com/javascript-grid-cell-rendering-components/#react-cell-rendering
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.