您的位置:首页 > Web前端 > React

React setState更新数组中的某个元素Element item

2016-03-15 17:29 1641 查看

invariant.js:39 Uncaught Invariant Violation: findComponentRoot(..., .0.0.0.1.1.$12.0.2.0): Unable to find element. This probably means the DOM was unexpectedly mutated (e.g., by the browser), usually due to forgetting a <tbody> when using tables, nesting tags like <form>, <p>, or <a>, or using non-SVG elements in an <svg> parent. Try inspecting the child nodes of the element with React ID ``.

 

出现上面的错误何故?由于我们在更新React render内容的时候,未指定React ID(ref),React也不支持大家这样更新DOM的内容,提倡我们使用setState或者 forceupdate更新state里面的内容
http://facebook.github.io/react/docs/component-api.html#forceupdate

 

那我们仅需更新state里面的值就好,若是数组较小(100记录下或1000记录下,根据你项目大小来定),我们直接更新数组里某个值。

var items = this.state.items;
items[i].status = 'doing';
this.setState({
items: items
});

 



有疑问或技术交流,扫描公众号一起讨论学习。

更多React在线学习访问:http://each.sinaapp.com/react/index.html

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: