react組件下渲染原生dom(插入原生元素)

項目中,遇到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 ) }} /> 
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章