这次给大家带来react中给div设置html，react中给div设置html的注意事项有哪些，下面就是实战案例，一起来看一下。
在使用React开发过程中，发现$("#dataDetail").html("this.props.data.ipInfo");不能使该div正常显示inInfo内容。
解决方法:
在前端html页面中，有id为dataDetail的div标签，该需求是点击 - 查看 - 时，弹出该div,并将inInfo的内容展示在div中。
在render函数下方，书写handleClick函数，并在点击 - 查看 - 时，调用handleClick函数，ReactDOM.render()函数传入两个参数，第一个参数为需追加的dom结构，第二个参数为追加到哪个dom节点元素之内。即可将this.props.data.inInfo的值显示在id为dataDetail的元素之内。
立即学习“前端免费学习笔记（深入）”；
仿虎嗅网在线视频教育门户源码2.0
下载
仿虎嗅商学院在线视频教育门户网站源码，织梦内核，页面简洁，容易维护修改；适合做在线教育类网站，网站模板修改简单，网站设置多个广告位方便放置广告。适用于视频网站，在线教育、在线商学院；图片展示效果极佳;网站手工div+css，代码精简，首页排版整洁大方、布局合理、利于SEO、图文并茂、静态HTML；首页和全局重新做了全面优化，方便大家无缝使用。
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
