Входное значение не меняется, когда пользователь вводит его.
Ввод должен сохранять предыдущее значение, введенное пользователем, которое сохраняется в состоянии редукции. UseEffect проверяет это значение и, если его нет, присваивает ему число.
Моя проблема сейчас в том, что он не позволяет мне вводить какое-либо значение при вводе.
export const TrackDetails = () => {
const [itemNumber, setItemNumber] = useState(0);
const track = useSelector(selectTempTrackDetails);
const dispatch = useDispatch();
const handleNumChange = (e: React.ChangeEvent) => {
const newValue = Number(e.currentTarget.value);
setItemNumber(newValue);
dispatch(
setTempTrackDetails({
updates: { trackNumber: newValue },
})
);
};
useEffect(() => {
setItemNumber(track.trackNumber ?? 0);
}, [track.trackNumber]);
return (
Track No
{
handleNumChange(e);
}}
/>
Подробнее здесь: https://stackoverflow.com/questions/793 ... hen-i-type