反应.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});
  }
}