我是靠谱客的博主 奋斗溪流,这篇文章主要介绍react组件下渲染原生dom(插入原生元素),现在分享给大家,希望可以做个参考。

项目中,遇到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组件下渲染原生dom(插入原生元素)的全部内容,更多相关react组件下渲染原生dom(插入原生元素)内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(44)

评论列表共有 0 条评论

立即
投稿
返回
顶部