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關於父母和孩子的組件，可能會給你一個更好的想法如何將其傳遞下來。