项目中,遇到react组件需要渲染原生dom的情况,记录一下。
原理是利用ref在加载完后插入元素
其他前端有趣的例子和坑合集:https://github.com/wqhui/blog
直接预览:https://codepen.io/wqh/pen/YzyrNXB
const child =document.createTextNode("原生dom");
render(){
<div ref={(nodeElement) => { nodeElement && nodeElement.appendChild(child ) }} />
}
本文介绍了一种在React项目中使用ref插入原生DOM元素的方法,并提供了代码示例。这种方法允许开发者在需要时直接操作DOM,同时保持React组件的纯净。
2万+

被折叠的 条评论
为什么被折叠?



