項目中,遇到react組件需要渲染原生dom的情況,記錄一下。
原理是利用ref在加載完後插入元素
其他前端有趣的例子和坑合集:https://github.com/wqhui/CodeDemo
直接預覽:https://codepen.io/wqh/pen/YzyrNXB
const child =document.createTextNode("原生dom");
render(){
<div ref={(nodeElement) => { nodeElement && nodeElement.appendChild(child ) }} />
}