javascript - `DatePickerInput` 的“className”属性`

Question

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

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

Answer 1

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

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