javascript - 如何在 TreeView Material UI 中使用 tab 键在 treeview 中添加导航？

Question

我正在使用箭头键TreeView使用默认键 ReactJs 在材质 ui 中导航。但我想在TreeView不妨碍默认treeView行为的情况下实现 tab 键进行导航。

<TreeView
  className={classes.root1}
  defaultExpandIcon={<ArrowDropDownIcon />}
  defaultCollapseIcon={<ArrowDropUpIcon />}
  disableSelection={true}
></TreeView>;

我只需要添加 Tab 键即可在节点之间导航。我已经添加了tabIndex={0}. 有用。但我不需要它，因为它妨碍了树视图中的默认选项卡漫游，我必须从起始父节点再次遍历整个树。

默认行为是当它treeView通过 Tab 键离开焦点时，如果我们按 Shift+Tab 键，它将转到最后一个选定的项目。

我需要转到最后选择的项目，但无需从我这边手动设置 tabindex。

这可能吗 ？我们怎样才能做到这一点？

标签： javascripthtmlcssreactjsjsx