javascript - 是否可以为 React Treebeard 单独处理点击事件和切换

Question

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

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

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

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

单击每个文件夹旁边的箭头只会伸展树(Splay Tree)，而不会在右侧面板上显示其内容。选择一个文件夹应在右侧面板上显示其内容。

Answer 1

如果您不想折叠 TreeView ，只需不要更新 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}
        />
    );
}

React 组件在以下情况下重新渲染:您正在更新组件状态或组件接收新的 props。