Передать значения из компонента в Redux Store

Question

Я изучаю Redux с React. У меня есть Form в компоненте. Я хотел бы передать данные из этого компонента в действия Redux.Я использую приведенный ниже код для отправки этой формы.

handleSubmit = event => {
    var mouse = 'mouse';
    this.props.dispatch(mouse);
  }

Мое действие ниже

const authActions = (value) => {
    return {
        type: 'Hello',
        payload: value
    };
}

export default authActions;

Мой редуктор ниже

 import authActions from '../actions/authActions';

    const initialState = {
        user: {},
        error: {}
    }

    const reducer = (state = initialState, action) => {
        switch (action.type) {
            case 'Hello': {
                console.log(action.payload);
            }
            default: return state;
        }
    }

    export default reducer;

Может быть яне мог выразить себя должным образом.Я не знаю, правильно ли я изучаю Redux или нет.Пожалуйста, помогите мне кто-нибудь.

Как отправить данные из моего компонента в действие?

Answer 1

В идеале вы должны использовать mapActionsToProps wrap authActions в dispatch и добавить его к своим реквизитам, но если у вас есть метод redux dispatch в ваших реквизитах, как вы видите здесь, вы сможетепросто сделайте

handleSubmit = event => {
  var mouse = 'mouse';
  this.props.dispatch(authActions(mouse));
}

authActions создателем действия.Вы называете это с вашей ценностью и получаете действие назад.Затем вы отправляете действие в хранилище редуксов.