Контролируемый ввод из Redux, обработчик onChange

Question

Я управлял вводом, где я устанавливаю значение из избыточного числа, как мне установить обработчик onChange здесь

<input type="text" className="form-control"
       name="name" placeholder="full name"
       value={user.name} onChange={??} />

Answer 1

Поскольку user данные являются частью хранилища избыточных данных, вы обновляете их значение, отправляя действие.

Для используемых вами хуков useDispatch:

import React from "react";
import { useDispatch } from "react-redux";

export const CounterComponent = ({ value }) => {
  const dispatch = useDispatch();

  const onChange = (e) => dispatch({ type: `USER_NAME`, name: e.target.value });

  return (
    <input
      type="text"
      className="form-control"
      name="name"
      placeholder="full name"
      value={user.name}
      onChange={onChange}
    />
  );
};