Material-UI v3如何使用自定义输入处理焦点

Question

版本： @material-ui/core: 3.9.2

---

我正在尝试使用material-ui（时间/持续时间输入）进行自定义输入。

我的输入jsx看起来像这样：

<FormControl>
  <InputLabel shrink>{label}</InputLabel>
  <InputBase inputComponent={InnerTimeInput} inputProps={this.props} />
  <FormHelperText>{subText}</FormHelperText>
</FormControl>

我的InnerTimeInput看起来像这样：（过于简化）

<div>
  <input name="hh" onFocus={this.props.onFocus} onBlur={this.props.onBlur}/>
  <input name="mm" onFocus={this.props.onFocus} onBlur={this.props.onBlur}/>
  <input name="ss" onFocus={this.props.onFocus} onBlur={this.props.onBlur}/>
</div>

但是，每当我关注其中之一时，就不会得到通常应用于关注元素的样式；标签和栏应变为主要主题颜色。

我还注意到，在组件的DOM树中的任何地方都没有添加“焦点”类，因此，事件检测确实是一个问题。

我应该如何处理？

感谢您的帮助