javascript - ReactJS:如何将 Material-UI 的 的占位符和文本居中？

Question

我正在使用 <DatePicker/>来自 http://www.material-ui.com/#/components/date-picker对于我的 ReactJS 元素，我想居中对齐占位符和输入文本。所以我尝试了 textAlign:'center'至 textFieldStyle和常规 style属性，但仍然无法正常工作。

有没有办法实现居中对齐？

谢谢

编辑

//So inside tried style={{textAlign: 'center'}} and textFieldStyle={{textAlign: 'center}} but neither worked
<DatePicker hintText="Choose Date" container="inline" />

Answer 1

尝试使用“inputStyle”。这是 TextField 使用的属性。查看 DatePicker 的源代码，它看起来应该通过 JSX 的传播属性逐字将属性传递到封闭的 TextField 中。所以，试一试...

<DatePicker
    hintText="Choose Date"
    container="inline"
    inputStyle={{ textAlign: 'center' }}
/>