reactjs - 来自 Redux 的受控输入，onChange 处理程序

Question

我已经控制了从 redux 设置值的输入，我如何onChange在此处设置处理程序

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

Answer 1

由于user数据是 redux 存储的一部分，因此您可以通过调度一个操作来更新它的值。

使用钩子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}
    />
  );
};