react操作dom的方法?

react对dom进行增删改查的方法哪里有说到?文档或其他博客文章都行。

ps:补充图
图片描述

阅读 5.9k
3 个回答

react 通过state 维护dom。非特殊情况不要手动操作dom

React是通过render方法来实时更新DOM树的。render方法又是通过state来确定要创建那些DOM出来。
例如:你要点击按钮显示二级菜单。

  1. 给按钮绑定事件:点击修改状态,this.setState({isShowSecondaryMenu: true})

  2. render方法里面判断this.state.isShowSecondaryMenu是true的时候就显示DOM,false的时候就隐藏DOM,就可以达成你说的删除添加DOM了。

最近准备写一个React系列blog。很少写Blog,语言组织能力不行。可以看看
http://imchao.wang/blog/2015/12/25/use-react-implement-tabs-page

既然用了react就 应该不要操作dom,除了一些特别场合,应该操作model而不是view。如果确实需要取到dom节点,可以使用ref

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题