如何设置React库组件的样式

时间:2019-03-06 16:54:59

标签: css reactjs typescript

我正在使用此库:https://www.npmjs.com/package/react-date-picker 在我的应用程序中显示日期选择器。 我习惯于与Angular一起工作,并且相对较新,因此会做出反应,并且几乎不了解如何设置这些库提供的组件的样式。

以下是react render()函数返回的日期选择器的设置:

<DatePicker
    name="date"
    value={Moment(values.date, 'YYYY/MM/DD').toDate()}
    onChange={this.handleDateChange}
    maxDate={maxDate}
    minDate={minDate}
/>

由datepicker生成的选择器是一个输入框,我想删除顶部和侧面边框,使其类似于Material-ui选择器,它们只是其type ='date'(https://material-ui.com/demos/pickers/)的文本字段

在另一个音符上。材质文本字段具有label属性,但date-picker api的api没有提及有关标签prop的任何内容,但是有没有添加它的方法,或者是仅在标签和样式上方插入div的最佳方法它看起来像一个标签?

谢谢〜

更新:

enter image description here

在控制台上玩耍,我发现className属性将其样式应用于react-date-picker类,而边框则受react-date-picker ___ wrapper类的影响。如何使用目前无法正常使用的api提供的className属性更改此类的样式T_T

0 个答案:

没有答案