ts使用store.dispatch
时间: 2023-07-01 07:13:15 浏览: 166
在 TypeScript 中,使用 `store.dispatch` 方法来派发一个 action,需要先创建一个 action,并将其作为参数传递给 `store.dispatch` 方法。示例代码如下:
```typescript
import { createStore } from 'redux';
// 定义 action 类型
type Action = {
type: string;
payload: any;
}
// 定义 reducer
function reducer(state: any, action: Action) {
switch (action.type) {
case 'ADD':
return { count: state.count + 1 };
default:
return state;
}
}
// 创建 store
const store = createStore(reducer, { count: 0 });
// 创建 action
const addCountAction: Action = {
type: 'ADD',
payload: null,
};
// 派发 action
store.dispatch(addCountAction);
```
这里的 `store.dispatch` 方法接收一个 action 对象,这个对象必须包含一个 `type` 字段,表示这个 action 的类型,以及一个 `payload` 字段,表示这个 action 携带的数据。在 reducer 中,根据 action 的类型来处理相应的业务逻辑。
阅读全文