是否可以处理单击事件并单独切换以响应treebeard

Question

我想在点击箭头图标时折叠树，但不应该重新渲染树的内容。例如 -

http://alexcurtis.github.io/react-treebeard/

正如您所看到的那样，折叠树会更改树的右窗格内容。我不想要。

我希望onClick和onToggle的行为不同。

单击每个文件夹旁边的箭头应仅展开树，而不是在右侧面板上显示其内容。选择一个文件夹应该在右侧面板上显示它的内容。

Answer 1

如果您不想折叠树状视图，请不要更新Treebeard组件和您所在州的任何数据。

onToggle(){
    // TODO: your desired behavior goes here
    console.log(
      'You could see that message in console, but the tree was not collapsed'
    );
}

render(){
    return (
        <Treebeard
            data={data}
            onToggle={this.onToggle}
        />
    );
}

在以下情况下重新构建组件：您正在更新组件状态或组件接收新道具。