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的元素之内。
    示意图
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 自己最近的项目是基于react的,于是读了一遍react的文档,做了一些记录(除了REFERENCE部分还没开始读...
    潘逸飞阅读 3,478评论 1 10
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,079评论 0 29
  • react 基本概念解析 react 的组件声明周期 react 高阶组件,context, redux 等高级...
    南航阅读 1,088评论 0 1
  • 安装: 概述 React起源于FaceBook的内部项目,因为该公司对市场上所有的JavaScript MVC框架...
    姒沝無痕阅读 737评论 0 0
  • U型理论在学前,第八次学习体验活动 周一下午7点半,陕师院1教A座301。一样的时间,一样的地点,但许老师这次的...
    是陈陈啊啊阅读 468评论 0 1