ReactJS：从改变家长组件重新呈现在孩子

Question

设置在父组件的默认类扩展组件：

renderChildren() { 
    let children = Mongo.Collection.find().fetch(); // array of objects 
    return children.map((child) => (
    <Child key={child._id} child={child} /> 
)); 
} 

<Parent> 
    {this.renderChildren()} 
</Parent> 

...在子组件

toggleStatus() { 
    //changes the status on collection 
    Meteor.call('changeStatus', this.props.child._id, this.props.child.status); 
} 
render() { 
    return (
    <span onClick={this.toggleStatus.bind(this)}>Change Status</span> 
) 
} 

问题：整个父是每次儿童改变状态时重新呈现。有道理...

如何我只能重新渲染孩子，不是父？

Answer 1

有解决这个问题，我能想到的两种方法：

1. 通过使一类，并让它延长React.Component给孩子组件状态。我个人会做方案二
2. 通行证toggleStatus孩子从父和使用，在孩子设置状态。

I answered this question关于父母和孩子的组件，可能会给你一个更好的想法如何将其传递下来。