码迷,mamicode.com
首页 > 其他好文 > 详细

关于TypeScript在ReactHooks里Redux中的使用(一)

时间:2021-01-22 12:21:39      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:关于   一个   const   反编译   判断   script   export   记录   rip   

记录一个在React redux中使用Ts的例子:

项目地址:https://github.com/TYoul/react-redux-ts-count

注意点:由于在组件中直接使用useSelector会出现TS无法判断state的类型(具体可以看Count.tsx文件),所以在hooks.tsx文件中,从react-redux导出useSelector并进行如下操作:

`
import { useSelector as useReduxSelector, TypedUseSelectorHook } from ‘react-redux‘;
import { RootState } from ‘./index‘;

export const useSelector: TypedUseSelectorHook = useReduxSelector;
`

在之后的组件中要导入store的数据都要使用这个useSelector。

这个RootState,类型反编译。

export type RootState = ReturnType<typeof store.getState>;

关于TypeScript在ReactHooks里Redux中的使用(一)

标签:关于   一个   const   反编译   判断   script   export   记录   rip   

原文地址:https://www.cnblogs.com/chenZhouXu/p/14311280.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!