React (NextJs)

Question

我想使用datePicker in reactJS(Next )都正常工作，但是当我将浏览器切换到响应时，图标就消失了。谁能帮我解决这个问题

这是我的密码

import TextField from '@mui/material/TextField'
import AdapterDateFns from '@mui/lab/AdapterDateFns'
import LocalizationProvider from '@mui/lab/LocalizationProvider'
import DatePicker from '@mui/lab/DatePicker'
import CalendarMonthIcon from '@mui/icons-material/CalendarMonth'
import StaticDatePicker from '@mui/lab/DatePicker'
const [value, setValue] = useState(null)

<LocalizationProvider dateAdapter={AdapterDateFns}>
  <StaticDatePicker
    displayStaticWrapperAs="desktop"
    label="Week picker"
    value={value}
    onChange={(newValue) => {
      setValue(newValue)
    }}
    renderInput={(params) => <TextField {...params} />}
    inputFormat="'Week of' MMM d"
  />
</LocalizationProvider>

​

​

Answer 1

根据文档，该组件有两个版本，而移动组件没有图标https://mui.com/components/date-picker/#responsiveness，您可以在那里测试它，并更改响应程序。