React.js：折叠树中的所有后代节点，如果父节点折叠

Question

我创建了一个树节点组件。

我想做这样的节点行为，在父节点折叠的情况下，子节点折叠。如果父级再次展开，子级仍将折叠。如何做到这一点？

代码示例：http://jsbin.com/wuxutaqona/1/edit?html,css,js,output

Answer 1

父节点可能有一个称为 parentChangeToCollapsed 的额外状态，仅当父节点从打开状态变为折叠状态时，才会在 titleClickHandle 函数中设置为 true。通过 map 函数中的 props 将其传递给子组件。 在子节点组件中，getInitialState() 生命周期。执行以下操作

getInitialState: function() {
  if(this.prop.parentChangeToCollapsed){
    return({hideChildren: true});
  } else {
    return({hideChildren: this.props.hideChildren});
  }
}