【问题标题】:Is it possible to handle click event and toggle separately for react treebeard是否可以处理点击事件并分别切换反应树须
【发布时间】:2017-07-06 18:18:48
【问题描述】:

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

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

如您所见,折叠树会改变树的右窗格内容。我不想要的。

我希望 onClick 和 onToggle 表现不同。

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

【问题讨论】:

  • 你尝试了什么?什么没有奏效?你预计会发生什么?
  • 我不知道该怎么做。于是寻求帮助。我期望我在问题中提到的内容。
  • 您是否尝试在 github 上直接向该组件的作者提出问题? github.com/alexcurtis/react-treebeard
  • 是的,刚刚发布。

标签: javascript reactjs


【解决方案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}
        />
    );
}

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

【讨论】:

    猜你喜欢
    • 2020-08-01
    • 2019-06-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-12-17
    • 2015-07-22
    相关资源
    最近更新 更多