`DatePickerInput` "className" 属性 for `<input />`
`DatePickerInput` "className" property for `<input />`
我正在使用 DatePickerInput React 组件并想在其中设置 <input /> 元素的样式。使用组件的 className 属性 我只能设置 <div /> 容器的样式。使用 classNames 对象 属性 还可以设置其他容器的样式。
那么是否有可能，如果可以，如何将 CSS class 直接 应用到 <input /> 元素（我我正在使用 Bootstrap 所以我想添加 class "form-control" 以保持一致性）？
使用 inputProps 属性将 className 属性显式传递给输入。这个道具应该是一个对象，具有 key/value 对对应于输入的道具：
<DayPickerInput inputProps={{ className: 'form-control' }} … />
我正在使用 DatePickerInput React 组件并想在其中设置 <input /> 元素的样式。使用组件的 className 属性 我只能设置 <div /> 容器的样式。使用 classNames 对象 属性 还可以设置其他容器的样式。
那么是否有可能，如果可以，如何将 CSS class 直接 应用到 <input /> 元素（我我正在使用 Bootstrap 所以我想添加 class "form-control" 以保持一致性）？
使用 inputProps 属性将 className 属性显式传递给输入。这个道具应该是一个对象，具有 key/value 对对应于输入的道具：
<DayPickerInput inputProps={{ className: 'form-control' }} … />