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

【问题标题】：How to change all states of certain part of child components in reactjsreactjs中如何更改子组件某些部分的所有状态
【发布时间】：2017-01-31 07:19:41
【问题描述】：

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

我有FormatModule 组件，它比RepeatModule 深两层。我希望每当 onClick 在FormatModule 上触发onClick={this.props.changeFormat.bind(this)} 时，它会将所有islamic 的所有状态更改为islamic: '09999999',，或者从changeFormat 函数中传入的任何一个RepeatModule

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

目前，当我单击实现onClick={this.props.changeFormat 的位置时，值不会响应更改。我想知道我错过链接的地方在哪里？因为changeFormat 是一个从顶级父组件向下传递到FormatModule 的函数...除非它不是这样做的方法？

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

【问题讨论】：

标签： javascript arrays reactjs

【解决方案1】：

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

所以问题是：

我 bind(this) 在错误的范围内。应该只绑定在 RepeatModule 内

newFormat 状态应该遵循原始格式的格式（在这种情况下它是一个 array 所以newFormat 应该是一个 array 也一样！

享受吧！

（希望那些拒绝我的问题的人回来学习他们的东西，然后再把其他人首先拒绝，尤其是没有任何理由）

【讨论】：