0
我有3个使用React构建的组件。它们是:如何让父组件管理React中子组件的状态?
- 包装
- 列表
- 列表项
如何管理被点击复选框的状态。我想Wrapper知道选中的复选框。
class ListItem extends React.Component {
render(){
return (
<li>
<input type="checkbox" onChange={e => handleSelect(e.target.checked)} />
<label>Checkbox 1</label>
</li>
)
}
}
class List extends React.Component {
getList(){
const itemsList = this.props.list.map(
(item, index) => (
<ListItem key={index} item={item} />
)
)
return itemsList;
}
render(){
<ul>
{this.itemsList}
</ul>
}
}
class Wrapper extends React.Component {
const list = [
{"id": 1, "label": "label 1"},
{"id": 2, "label": "label 2"},
]
render(){
<List list={list} />
}
}
可能重复的[如何访问React的儿童状态?](http://stackoverflow.com/questions/27864951/how-to-access-childs-state-in-react) – nikamanish