时间戳

首页 > 解决方案 > 如何使用钩子将变量分派到 redux 文件

reactjs - 如何使用钩子将变量分派到 redux 文件

问题描述

const LoginContainer = () => {
  const [email, setEmail] = useState('');
  const [password, setPassword] = useState('');
  const dispatch = useDispatch();

  const onLoginClick = (e) => {
    dispatch(userLogin);
    dispatch(email);


  };

  return (
    <>
      <div className='content'>
        <SectionLogin
          onLoginClick={onLoginClick}
          setEmail={setEmail}
          setPassword={setPassword}
        />
      </div>
    </>
  );
};
export default LoginContainer;

我想访问 redux 文件中的电子邮件。在我的 redux 文件中，我已经编写了操作和类型。如果需要进一步修改，欢迎提供

Redux 动作文件

export const userLogin = async (dispatch, action) => {


  dispatch({ type: POST_LOGIN_DETAILS_START });

  try {
    const response = await fetch('http://localhost:5000/api/login', {
      method: 'POST',
      headers: {
        Accept: 'application/json',
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        email: this.state.email,
        password: this.state.password,
      }),
    });
    const payload = await response.json();
    dispatch({ type: POST_LOGIN_DETAILS_SUCCESS, payload });


  } catch (error) {
    dispatch({ type: POST_LOGIN_DETAILS_FAIL });
  }
};

我想访问操作文件中的电子邮件和密码以发送发布请求

标签： reactjsreduxreact-hooks

解决方案

错误：dispatch(email)
正确：dispatch({ type: 'YOUR_ACTION_IDENTIFIER', payload: email })

看：

推荐阅读