reactjs - 单击时 TreeView 中的 TextField 没有获得焦点

Question

我正在使用 Material UI V4 并希望有一个包含可编辑文本输入的树。在最高级别（伪代码）我有

<TreeView ...>
  <TreeItem ...>
    <TextField .../>
  </TreeItem>
  ...
</TreeView>

它渲染得很好/看起来很棒。但是，当我单击文本字段时，它会暂时获得焦点，然后失去焦点。如果我再次单击相同的文本字段，现在我将获得焦点并可以输入文本。如果我猜的话，第一次单击被 TreeView/TreeItem 抓取并用于将树项/节点设置为选中，但随后将焦点从文本字段中移开。当我再次单击它时，它认为该行已被选中并让我输入文本。我想要的目标是单击任意行中未选择但可见的文本字段，并为该文本字段提供焦点并开始输入。

标签： reactjsmaterial-ui