无法在 TypeScript 中正确使用 Redux connect()

Question

我使用的是带有Typescript的Redux，无法在组件之间传递数据。

EmpList.tsx

function mapStateToProps(){//mapping here}
.... //body of a Component
export default connect(mapStateToProps)(EmpList)

工具.tsx

import EmpList from './EmpList'
....
private empListTemp: RefObject<EmpList> = createRef()

问题是我在工具中得到了一个错误。tsx"mpList引用了一个值，但在这里被用作类型">现在，如果我从导出中删除connect(mapStateToProps)，或者将export{mapStateToProps, EmpList}放入EmpList.tsx，我就不再有那个错误了，但很明显Redux在那时不起作用。

Answer 1

您需要将forwardRef: boolean添加到connect的选项中，使ref具有任何显著效果，然后使用未连接组件的类型，因为您希望；ref"；"；内部部件"；，而不是CCD_ 6创建的功能组件包装器。不过，您仍然可以使用连接的组件本身。

Answer 2

使用useSelector和useDispatch挂钩