Создать действие с полезной нагрузкой - PullRequest
Новая
       28

Создать действие с полезной нагрузкой

0 голосов
/ 26 апреля 2019

Я пишу приложение ReactJS с избыточными и избыточными действиями.Я хотел бы создать избыточное действие с данными для входа в полезную нагрузку следующим образом: 

{
   type: 'AUTH_REQUEST',
   payload: { login: 'Foo', password: 'bar' },
}

... но все мои попытки не увенчались успехом.

Согласно документация должен быть способ добавить данные в полезную нагрузку, но я недостаточно опытен в стеке внешнего интерфейса, чтобы по-настоящему понять.

Вот что у меня есть:

action.js 

import { createAction } from 'redux-actions';

export const AUTH_REQUEST = 'AUTH_REQUEST'

export const authRequest = createAction(AUTH_REQUEST);

loginFormContainer.js 

const mapStateToProps = state => ({
    isLoggedIn: state.authentication.isLoggedIn
})

const mapDispatchToProps = dispatch => ({
    authRequest: () => dispatch(authRequest())
})

export const LoginFormContainer = connect(
    mapStateToProps,
    mapDispatchToProps
)(LoginForm)

loginForm.js 

  constructor(props) {
    super(props);
    this.state = {
      email: '',
      password: '',
      errors: {email: '', password: ''},
      emailValid: false,
      passwordValid: false,
      formValid: false
    };
    this.handleEmailChange = this.handleEmailChange.bind(this);
    this.handlePasswordChange = this.handlePasswordChange.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);
  }

 handleSubmit(event) {
    event.preventDefault();
    this.props.authRequest();
  }

Я полагаю, что я смогу дать электронную почту и пароль, хранящиеся в состоянии loginForm, когда я обрабатываю отправку, но я не знаю, как это сделать ... (Да, яЯ новичок в JS).Кто-нибудь может мне помочь, пожалуйста?

1 Ответ

1 голос
/ 26 апреля 2019

action.js 

const authRequest = createAction(AUTH_REQUEST, (login, password) => ({ login, password }));

loginFormContainer.js 

const mapDispatchToProps = dispatch => ({
    authRequest: (...args) => dispatch(authRequest(...args))
})

loginForm.js 

handleSubmit(event) {
    event.preventDefault();
    const { email, password } = this.state;
    this.props.authRequest(email, password);
}
...