MUI日期拾取器如何删除显示的红色边框

Question

我在这里使用MUI日期拾取器，当我在输入任何值之前使用它时，我看到选择日期后它消失的红色边框。

问题在这里

const [selectDate, setSelectDate] = useState("");
const handleDate = (newValue) => {
setSelectDate(newValue);
};

<LocalizationProvider dateAdapter={AdapterDayjs}>
<DesktopDatePicker
// label="Date desktop"
inputFormat="DD/MM/YYYY"
value={selectDate}
onChange={handleDate}
renderInput={(params) => (
<TextField  error={false} fullWidth {...params}  />
)}
/>
</LocalizationProvider>

这里我试着给出错误错误，但它不会消失，任何人都经历过这个问题，如果是，那么我怎么能解决它…

Answer 1

renderInputprop中的params覆盖了您对TextFields'errorprop的定义，因为{...params}prop是在它之后定义的(paramsbundle中有一个额外的errorprop)。

如果您在之后定义errorprop，您将覆盖renderInputs的错误prop，红线将消失。

<TextField fullWidth {...params} error={false} />

默认情况下，如果没有选择日期值、value为空或value的日期格式错误，renderInput传递的参数props将认为错误。