React 动态增加,删除,上下移动dom
在react的世界里,都是状态变更(数据变更)来驱动dom变化,动态添加dom不像以前用jquery一样append一个<li>或者一个<td> 这样了,而是通过装载<li> 或者<td> 数据数组[]来动态添加dom,下面的例子实现使用了antd的组件库。
最终我选择的是用添加/移除数组中的元素来实现的;
addElement = () => { var arr = this.state.isShow; arr.push(true); this.setState({ isShow: arr }) } removeElement = (index) => { var arr = this.state.isShow; arr.splice(index, 1); this.setState({ isShow: arr }) }
更多相关技术文章,请访问HTML中文网!
以上就是react怎么动态添加dom的详细内容,更多请关注易知道|edz.cc其它相关文章!