javascript 为什么datepicker显示在react js的左上角?

x33g5p2x  于 2023-01-07  发布在  Java
关注(0)|答案(1)|浏览(138)

我正在使用材质UI +React钩子窗体。https://react-hook-form.com/get-started
https://mui.com/material-ui/
我正在尝试制作日期选择器。但我面临一个问题。我的日期选择器打开在左上角为什么?
下面是我代码https://codesandbox.io/s/adoring-currying-iuptqe?file=/src/App.tsx

<Controller
        control={control}
        name="date"
        rules={{
          validate: {
            min: (date) => isFuture(date) || "Please, enter a future date"
          }
        }}
        render={({ field: { ref, onBlur, name, ...field }, fieldState }) => (
          <DatePicker
            {...field}
            inputRef={ref}
            label="Date"
            renderInput={(inputProps) => (
              <TextField
                {...inputProps}
                onBlur={onBlur}
                name={name}
                error={!!fieldState.error}
                helperText={fieldState.error?.message}
              />
            )}
          />
        )}
      />

ni65a41a

ni65a41a1#

经过一些实验,似乎这可能是因为发布的沙箱具有最新版本的MUI,但与过时版本的@mui/x-date-pickers配对。
已将@mui/x-date-pickers更新至最新版本5.0.13,以匹配主MUI版本,该问题似乎已得到修复。
分叉演示与更新:codesandbox

相关问题