`<input />` 的 `DatePickerInput` "className" 属性

Question

我正在使用DatePickerInputreact 组件并想在<input />里面设置元素的样式。使用组件的className属性，我只能<div />围绕容器设置样式。使用classNames对象属性还可以设置其他容器的样式。

那么是否有可能，如果有，如何将 CSS 类直接应用于<input />元素（我正在使用 Bootstrap，所以我想添加类“form-control”以保持一致性）？

Answer 1

使用inputProps道具将className道具显式传递给输入。这个道具应该是一个键/值对的对象，对应于输入的道具：

<DayPickerInput inputProps={{ className: 'form-control' }} … />