className

Question 1

error

Answer 1

let [error, setError] = useState<string | null>(null)

const addTask = () => {
if (title.trim () !== “”) {
addTask(title.trim());
setTitle(“”);
} else {
setError(“Title is required”)
}
}

<input className ={error ? “error” : “”}/>
Если есть ошибка (пустая строка), то будет высвечиваться красным, если нет, то ничего (“error”, “error-message” - css)
{error && <div className = "error-message">{error}</div>}
если error - true, то выполняется выражение,
если false, то мы не перескакиваем через оперсант и ошибка не показывается.

При нажатии клавиши, чтобы у нас убиралась ошибка, необходимо:
onkeyPressHandter {
setError(null)
}