Reactjs rc时间选择器允许在引导模式下使用键盘编辑输入

Reactjs rc时间选择器允许在引导模式下使用键盘编辑输入,reactjs,bootstrap-modal,timepicker,Reactjs,Bootstrap Modal,Timepicker,我正在使用rc时间选择器输入时间() 代码如下: <TimePicker style={{ width: 100 }} showSecond={false} value={this.state.startTime} className="appointmentTimePicker" onChange={this.handleStartTimeChange} /> 没什么特别的。它正在工作。但是,我注意到,当组件处于引导模式(bootst

我正在使用
rc时间选择器
输入时间()

代码如下:

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

没什么特别的。它正在工作。但是,我注意到,当组件处于引导模式(bootstrap 3.3.7版本)时,该组件不允许使用键盘输入输入时间。即使不是在bootstrap模式下,也可以像示例()中一样正常工作

我不太了解css。我怀疑这两种风格之间存在一些冲突


有人有过这样的问题吗?如何解决此问题?

您应该将react引导模式的enforceFocus属性设置为false:

<Modal enforceFocus={false}>

希望这会有所帮助