如何解决props的react-redux状态未定义-功能组件
在我的redux应用程序中,我试图同时使用react-redux和react-navigation:
<Provider store={store}>
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen name="Dashboard" component={Dashboard} />
<Stack.Screen name="Store" component={Store} />
</Stack.Navigator>
</NavigationContainer>
</Provider>
我的商店看起来像这样:
function Store({props,dispatch,navigation,route}) {
console.debug(props);//this is undefined
}
...
const mapStateToProps = (state) => {
return {
cartItems: state.cartItems,};
};
function mapDispatchToProps(dispatch) {
return {
...
};
}
export default connect(mapStateToProps,mapDispatchToProps())(Store);
我不知道道具为何返回未定义的内容?
我曾经分别使用react-navigation和react-redux遇到过这个问题。做这个鸡尾酒,现在正面临这个问题。
解决方法
您的组件代码略有不足,props
作为第一个参数传递,因此,您无需像现在这样提取props
。
例如:
function Store(props) {
console.debug(props);
}
或者,您可以在函数定义中提取道具,例如:
function Store({ cartItems }) {
console.debug(cartItems);
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。