Question

我正在用React学习Redux，我在组件中有一个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将authActions包装在dispatch中并将其添加到道具中，但是如果您在道具中使用redux dispatch方法似乎在这里您应该能够做到

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

authActions是动作创建者。您用自己的价值来称呼它，并采取行动。然后，您将操作分派到redux存储。

将值从组件传递到Redux Store

1 个答案: