reactjs - 如何将光标指针和其他 css 添加到 Material ui datepicker

Question

我在 React 中的 Material UI 日期选择器组件没有显示光标，而且我添加的图标不可点击，也没有显示日期选择器对话框。

我试过内联样式/样式组件，但做不到。

<MuiThemeProvider muiTheme={muiTheme}>
    <MuiPickersUtilsProvider utils={MomentUtils}>
        <DatePicker
            readOnly
            ref='datepicker'
            labelFunc={this.formatWeekSelectLabel}
            // value=""
            onChange={this.handleDateChange}
            animateYearScrolling
            InputProps={{
                disableUnderline: true,
            }}      
        />
    </MuiPickersUtilsProvider>
</MuiThemeProvider> 

发生的情况是组件黑色边框内的任何内容都是可点击的，但不显示鼠标指针。另外，我放入其中的图标不可点击，也不会显示对话框。

Answer 1

这对我有用

const StyledKeyboardDatePicker = styled(KeyboardDatePicker)`
    & * {
        cursor: pointer;
    }
`;

您不必使用带样式的组件，只需传递具有类似 css 规则的样式属性即可。