MUI datepicker 如何刪除顯示的紅色邊框

Question

我在這里使用 MUI datepicker，當我在輸入任何值之前使用它時，我在選擇日期后看到紅色邊框，它消失了。

這是問題

 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

params道具中的renderInput覆蓋了您對TextField的error道具的定義，因為{...params}道具是在它之后定義的（ params包中還有一個額外的error道具）。

如果你在之后定義error屬性，你將覆蓋renderInput的錯誤屬性並且紅線將消失。

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

默認情況下，如果未選擇日期值、值為空或值的日期格式錯誤，則由renderInput傳遞的參數 props 會視為錯誤。