在连接到Redux的React组件中推断TypeScript属性,可以使用react-redux库提供的connect函数来实现。connect函数是一个高阶函数,它接受两个参数:mapStateToProps和mapDispatchToProps。
const mapStateToProps = (state: RootState) => {
return {
count: state.counter.count,
todos: state.todos.todos,
};
};
在上面的例子中,mapStateToProps函数将counter和todos两个状态映射到了组件的属性上。
const mapDispatchToProps = (dispatch: Dispatch) => {
return {
increment: () => dispatch(increment()),
addTodo: (text: string) => dispatch(addTodo(text)),
};
};
在上面的例子中,mapDispatchToProps函数将increment和addTodo两个action映射到了组件的属性上。
最后,使用connect函数将上述两个函数与React组件进行连接,生成一个新的组件,并将Redux store中的状态和dispatch方法传递给该组件。例如:
const ConnectedComponent = connect(mapStateToProps, mapDispatchToProps)(MyComponent);
在上面的例子中,ConnectedComponent就是连接到Redux的React组件,它具有了从Redux store中获取状态和触发action的能力。
推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云