如何在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是一个来自基础的文本字段,你可以简单地使用输入道具删除下划线

(DatePicker,TimePicker和DateTimePicker都将以这种方式工作)

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

从这里找到例子

希望对你有帮助