小编jbr*_*low的帖子

Material-UI TreeView - 如何获取被单击的TreeItem的nodeId?

我正在使用Material UIs Tree View,我想nodeId在单击图标时获取该项目的 props 或 。如何做到这一点?基本上,我想要一个删除图标,它将调用 API 根据节点 ID 删除节点。

在他们的例子中,他们正在传递propsMinusSquare但当PlusSquareconsole.log这些道具时,它们是空的。

function MinusSquare(props) {
 return (
   <SvgIcon fontSize="inherit" style={{ width: 14, height: 14 }} {...props}>
    ...
   </SvgIcon>
 );
}
...
<TreeView
  aria-label="customized"
  className={classes.root}
  defaultExpanded={['1']}
  defaultCollapseIcon={<MinusSquare />}
  defaultExpandIcon={<PlusSquare />}
  defaultEndIcon={<CloseSquare />}
>
  <StyledTreeItem nodeId="1" label="Main"> <!--- get these nodeId values and/or other props --->
    <StyledTreeItem nodeId="2" label="Hello" />
    <StyledTreeItem nodeId="3" label="Subtree with children">
      <StyledTreeItem nodeId="6" label="Hello" />
      <StyledTreeItem …
Run Code Online (Sandbox Code Playgroud)

reactjs material-ui

5
推荐指数
1
解决办法
6694
查看次数

标签 统计

material-ui ×1

reactjs ×1