如何在React中禁用Material UI的datepicker下划线？

Question

如何禁用为物料选择器显示下划线？

沙箱 https://codesandbox.io/s/l2ykr7kwvz?from-embed

我想删除其TextField的下划线。

我试过

disableUnderline={true}

underlineStyle={{display: 'non'}}

showingUnderline={false}

但没有任何作用，我怎样才能隐藏下划线？

<DatePicker
    underlineStyle={{display: 'none'}}
    value={selectedDate}
    onChange={this.handleDateChange}
    animateYearScrolling={false}
/>

Answer 1

material-ui date-picker是一个来自基础的文本字段，你可以简单地使用input-props删除下划线

（DatePicker，TimePicker和DateTimePicker都将以这种方式工作）

<DatePicker
  value={selectedDate}
  InputProps={{
   disableUnderline: true,
  }}
  onChange={this.handleDateChange}
/> 

从here

中找到示例

希望这会对你有所帮助