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

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

更多实例应用扫码体验：