Reactjs 将值从组件传递到Redux存储

我正在用React学习Redux。我在一个组件中有一个表单。我想将该组件中的数据传递给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;

我的减速机如下

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的方式是否正确。任何人都请帮助我

---

如何将数据从组件发送到操作？

理想情况下，您应该在

dispatch

中使用

mapActionsToProps

wrap

authActions

并将其添加到您的道具中，但是如果您的道具中有redux

dispatch

方法，您应该可以简单地执行此操作

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

---

authoctions

是动作创建者。你用你的价值观来调用它，然后得到一个动作。然后将操作发送到redux商店。

非常感谢。这对我帮助很大。非常感谢。