html - איך אני משתמש בתכונת error וב-CSS עבור Input API של Material UI בהקשר

אני צריך להשתמש בפרופס ו-CSS של MUI Input עבור {error} והשימוש בו.

הקוד שלי נראה ככה:

const [value, setValue] = useState<string>(cell.value);
const [startAdornment, setStartAdornment] = useState<adornmentTypes>("");
const [endAdornment, setEndAdornment] = useState<adornmentTypes>("");
const [error, seterror] = useState<error>(false);

<Input
  id={id}
  value={value}
  onChange={_onChange} //have a method
  onBlur={_onBlur} //have a method
  onFocus={_handleFocus} //have a method
  startAdornment={startAdornment} //have switch cases on special character $,% etc
  endAdornment={endAdornment}
  error={error} />

כעת בהתאם למסמכי החומר error - bool - אם נכון, הקלט יציין שגיאה. זה בדרך כלל מתקבל דרך הקשר מ-FormControl.

ולמחלקת פסאודו error - .Mui-error - מחלקת פסאודו המופעלת על אלמנט השורש אם error={true}.

עכשיו אני לא יכול להגיע לשימוש במצב שגיאה כ-true בגלל שסוג הערך מתואר כמחרוזת!

מה אני מפספס? בבקשה עזור!

תשובה #1

אנחנו יכולים לראות ממסמך Material-UI של API הקלט

לפרופס: שגיאה

סוג: bool
תיאור: אם נכון, הקלט יציין שגיאה.

ל־CSS: שגיאה

מחלקה עולמית: .Mui-error
תיאור: פסאודו-מחלקה שמופעלת על האלמנט השורש אם error={true}.

אלה שני דברים שונים, אנחנו יכולים להשתמש בהם כך:

<Input
  ...
  error={errorFlag}
  classes={{error: classes.errorStyleClass}}
/>

אם ערך השגיאה של הפרופס הוא אמת, סגנונות ה-CSS של השגיאה יחולו.

זו הרעיון של סוגי הדברים האלה. מאחר שאין מידע נוסף שנוכל לקבל מהפרסום, אם יהיו בעיות נוספות, נא לבצע עדכון.