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
阅读更多
相关文章推荐
- React setState更新数组中的某个元素Element item
- AndroidJNI.SetShortArrayElement设置短整数数组元素
- React addons.update setState 链式更新object属性
- AndroidJNI.SetShortArrayElement设置短整数数组元素
- React 博客系列 (2) React中的state和props更新
- 169. Majority Element | 数组中的主元素
- vue.js中$set与数组更新方法
- MongoDB数组更新操作$addToSet和$each修饰符
- react native setState之后的state值不能立即使用
- 在数组 arr 末尾添加元素 item。不要直接修改数组 arr,结果返回新的数组
- 关于React setState的实现原理(一)
- 在数组 arr 末尾添加元素 item。不要直接修改数组 arr,结果返回新的数组
- 删除数组中重复元素--哈希表方法和set方法
- React 是否保持 state 更新的顺序?
- 删除数组中重复元素-Hash表方法和set方法
- MongoDB数组更新操作$addToSet和$each修饰符
- CLISTCTRL SetItemState用法
- ReactNative FlatList state更新,视图不更新的问题
- Java ArrayList add(index,element) 方法插入元素到数组指定位置
- 列表视图控件之ListView_SetItemState简单使用