Reactjs 如何避免从上一个文本框中按tab键打开日期选择器日历

Reactjs 如何避免从上一个文本框中按tab键打开日期选择器日历,reactjs,keyboard-events,react-datepicker,Reactjs,Keyboard Events,React Datepicker,我们已经安装了react datepicker组件。默认行为是在上一字段的tab键上打开日历。我怎样才能避免这种情况。请提出建议,因为我无法覆盖此组件的默认行为。我只想在按下tab键时将焦点放在该控件上。您可以手动打开它: <DatePicker ref={(c) => this._calendar = c} locale='ru' ... customInput={<InputField {...this.props} calendar={this.

我们已经安装了react datepicker组件。默认行为是在上一字段的tab键上打开日历。我怎样才能避免这种情况。请提出建议,因为我无法覆盖此组件的默认行为。我只想在按下tab键时将焦点放在该控件上。

您可以手动打开它:

<DatePicker
   ref={(c) => this._calendar = c}
   locale='ru'
    ...
   customInput={<InputField {...this.props} calendar={this._calendar}/>}
/>

您可以使用preventOpenOnFocus属性

<DatePicker
  ...
  preventOpenOnFocus={true}
/>


你能提供一个小提琴手的例子吗?太好了,它对我有用
<DatePicker
  ...
  preventOpenOnFocus={true}
/>