css 如何在react-sortable-tree中选择扩展加号图标

ryoqjall  于 2023-06-25  发布在  React
关注(0)|答案(1)|浏览(126)

我正在使用react-sortable-tree如何在这个包中选择expandplus图标,因为它只提供

`<SortableTree
          treeData={this.state.treeData}
          onChange={treeData => this.setState({ treeData })}
    />`

That red box plus icon
当我点击检查它有一个类名“rst__expandButton”如何选择这个类并为其写入条件
我试过这样

`const data = document.getElementsByClassName(rst__expandButton)

  const myFunction(()=>{
      data.onclick(function)
  })
  myFunction()
return(
   <SortableTree
       treeData={this.state.treeData}
       onChange={treeData => this.setState({ treeData })}
/>
)`
qjp7pelc

qjp7pelc1#

react-sortable-tree具有onVisibilityToggle属性。
在折叠或展开子节点后调用。({ treeData:object[],node:对象,展开:bool,路径:number[]或string[] }):空隙
这个 prop 为您提供了节点展开或折叠的信息以及节点详细信息。然后你可以写条件。

<SortableTree
      treeData={this.state.treeData}
      onChange={treeData => this.setState({ treeData })}
      onVisibilityToggle={toggleData => console.log(toggleData)}
/>

相关问题