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

Question

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

我有FormatModule组件，距离RepeatModule两个级别。我希望每当onClick在onClick={this.props.changeFormat.bind(this)}上触发FormatModule时，它都会将所有islamic的所有雕像更改为islamic: '09999999',，或者从{{1}传入任何一个在changeFormat

中的函数

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

目前，当我点击实施RepeatModule的位置时，值不会对更改做出响应。我想知道我错过的地方在哪里？由于onClick={this.props.changeFormat是一个从顶层父组件传递到changeFormat的函数...除非它不是这样做的？

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

Answer 1

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

所以问题在于：

  

  
1. 我bind(this)的范围错误。应仅绑定在RepeatModule
内   
2. newFormat州应该遵循原始格式的格式（在这种情况下，它是array所以newFormat应该是   array也是如此！
  

享受！

（希望无论是谁投了我的问题，都要回过头来学习他们的东西，然后先把别人放下，特别是没有任何理由）