javascript - 如何更改reactjs中子组件某些部分的所有状态

Question

http://codepen.io/adamchenwei/pen/yagLLZ?editors=0010

我有FormatModule从 RepeatModule 深两层的组件。我想要每当 onClick 触发 onClick={this.props.changeFormat.bind(this)}关于FormatModule ，它将更改所有 islamic 的所有雕像。至islamic: '09999999', ，或从 changeFormat 传入的任何一个RepeatModule 内的函数

我听说这是嵌套在组件列表中时大规模操作状态的唯一方法。

现在，当我点击“where onClick={this.props.changeFormat”时实现后，值(value)观不会响应变化。我想知道我错过的链接在哪里？自 changeFormat是一个从顶部父组件向下传递到 FormatModule 的函数...除非这不是这样做的方法？

注意:我需要一个不涉及 Redux 或 Flux 的解决方案

Answer 1

在同事的帮助下，它已经在我的代码笔中修复了:http://codepen.io/adamchenwei/pen/yagLLZ?editors=0010

所以问题是:

1. I bind(this) in the wrong scope. Should only bind inside the RepeatModule
2. the newFormat state should follow the format of the original format ( in this case it was an array so newFormat should be an array as well!

享受吧!

(希望那些投票否决我的问题的人回来学习他们的东西，然后再先贬低其他人，尤其是没有任何理由的)