在React中了解Redux

Question

我的减速器如下

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

我想将action与减速器分开。我想将其从另一个文件导入到reducer中。我该怎么办？

另一个问题

我有一个submit按钮，如下所示。

<div onClick={this.handleSubmit}>Submit</div>

单击提交按钮时，我正在调用以下功能。

handleSubmit = event => {
    this.props.dispatch( { type: 'Hello' } );
  }

这里的type是什么？我为什么要使用它？在reducer / actions内部做什么？