Witam,
mam taki problem, który niestety mnie przerósł. Mam form w którym dodaję na przykład tytuł taska i to działa, ale pokusiłem się o możliwość jego edycji i to mnie przerosło, mam taki kod
<input onChange={handleChange} onMouseDown={mouseEnter} onMouseLeave={mouseLeave}
value={filterToEdit.length < 1 ? (null) : (console.log(newTask.title), newTask.title)}
id='newTask' type="text" />
który powoduje, że w trybie edycji wyświetla mi się w value aktualny stan i tym samum w polu input
const mouseEnter = (e) => {
e.target.value = null
}
const mouseLeave = (e) => {
if (e.target.id === 'newTask') {
setNewTask({ newTask, title: e.target.value })
}
}
ten kod miał usuwać poprzez mouseEnter to co się wyświetliło
a mouseLeave miał ustawiać nowy stan na nową wartość e.target.value, ale to nie działa bo przcież e.target.value jest ustawione na null
Jak to rozwiązać? proszę o radę, może w ogóle źle podchodzę do problemu....?