react怎么动态添加dom

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的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » React 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏