如何使用材料4重定向我的treeview菜单

时间:2019-09-13 12:14:23

标签: javascript reactjs material-ui

我使用材料UI 4的Treeview, 但是,我不知道如何在单击期间添加参数以将我的重定向集成到其他页面。 在使用

系统之前

https://material-ui.com/components/tree-view/

1 个答案:

答案 0 :(得分:0)

您需要在TreeView上使用onNodeToggle道具:

  

TreeItem展开/折叠时触发回调。

这是一个简单的示例:

const onNodeToggle = (nodeId, isExpanded) => {
  switch(nodeId) {
    case "1": 
      //redirect to other page code..
      break;
    default:
      break;
  }
}

别忘了将此功能作为对treeView的支持:

<TreeView
  // other treeview props.. \\
  onNodeToggle={onNodeToggle}
>

您可以参考此CodeSandbox示例