Как изменить все государства определенной части дочерних компонентов в 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

Я слышал это единственный способ управлять государством когда он вложен в список компонентов.

На данный момент, когда я нажимаю, где реализовано onClick={this.props.changeFormat, значения не являются ответом на изменение. Интересно, где место, куда я пропустил ссылку? Поскольку changeFormat - это функция, которая передается от верхнего родительского компонента до FormatModule ... если только это не способ сделать это?

ПРИМЕЧАНИЕ: Мне нужно решение, которое не с участием Redux или Flux

Answer 1

С помощью коллеги, его уже зафиксировано в моем коде пера: http://codepen.io/adamchenwei/pen/yagLLZ?editors=0010

Так что вопрос в том, что:

1. I bind(this) в неправильном объеме. Если связывать только внутри RepeatModule
2. newFormat государство должно следовать формату исходного формата (в данном случае это было array так newFormat должен быть array, как хорошо!

Наслаждайтесь!

(Надеюсь, кто бы ни проголосовал за мои вопросы, вернитесь и изучите их материал, прежде чем положить других вниз, особенно без всякой причины)