Требуется решить следующую задачу с использованием React:
- Есть компонент
<Field onUpdateValues={this.updateValues}>
- Есть компонент
<Tree>
. - Компонент
<Tree>
всегда содержит<Field>
. Из компонентов<Tree>
рекурсивно строится дерево. - И есть главный
<div>
- контейнер , с которого начинается отрисовка<Tree>
.
Вопрос: как передать значение параметра из каждого Field до главного контейнера? Field, Tree - их может быть куча, т.к. дерево.
Из Field в Tree значение у меня получается передавать, типа так:
В родительском Tree:
updateValues(id) {
console.log('TADA' + id);
}
<Field onUpdateValues={this.updateValues}></Field >
В дочернем Field:
this.props.onUpdateValues(this.state.id);
В кратце, узлы дерева все выводятся за раз, каждый узел дерева содержит Checkbox (находится в Field). И вот в родительском элементе мне надо получить json-список вида со всей информацией о Checkbox'ах в узлах:
{
answer:[
{
id:1,
checked:0
},
{
id:2,
checked:1
}
]
}