javascript - 是否可以处理点击事件并分别切换以 react 树 mustache

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

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

如您所见，折叠树会更改树的右窗格内容。我不要

我希望onClick和onToggle表现不同。

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

最佳答案

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

在以下情况下反应组件重新渲染：正在更新组件状态或组件接收新道具。