如果rc-time-picker处于bootstrap模态

Question

我使用rc-time-picker来输入时间（https://github.com/react-component/time-picker）。

这是代码：

<TimePicker 
    style={{ width: 100 }}
    showSecond={false}
    value={this.state.startTime}
    className="appointmentTimePicker"
    onChange={this.handleStartTimeChange}
/>

没什么特别的。这是工作。但是，我注意到当组件处于引导模式（引导程序版本3.3.7）时，组件不允许使用键盘输入输入时间。即使不在bootstrap模式中，它也可以正常工作（http://react-component.github.io/time-picker/examples/pick-time.html）

我不太清楚css。我怀疑风格之间存在一些冲突。

有没有人有这样的问题？怎么解决这个问题？

Answer 1

您应该将react-bootstrap模式的enforceFocus prop设置为false：

<Modal enforceFocus={false}>

希望这会有所帮助。