Javascript React Native Redux:错误可以';找不到变量MapStateTops
我一直在尝试在React本地注册应用程序中实现Redux,以创建多页表单设置 我不断地发现这个错误: 请从应用程序的根容器中查看下面的相关代码:Javascript React Native Redux:错误可以';找不到变量MapStateTops,javascript,reactjs,react-native,redux,Javascript,Reactjs,React Native,Redux,我一直在尝试在React本地注册应用程序中实现Redux,以创建多页表单设置 我不断地发现这个错误: 请从应用程序的根容器中查看下面的相关代码: import React,{Component}来自'React'; 从“react native”导入ReactNative; 从“react native”导入{AppRegistry,Text,View,}; 从“反应本机元素”导入{Button} 从“反应导航”导入{StackNavigator} 从“../store/store”导入存储
import React,{Component}来自'React';
从“react native”导入ReactNative;
从“react native”导入{AppRegistry,Text,View,};
从“反应本机元素”导入{Button}
从“反应导航”导入{StackNavigator}
从“../store/store”导入存储;
从'react redux'导入{Provider,connect};
从“/emailandpass”导入注册表1
从“/namefields”导入注册表2
//从“./login”导入登录名
//从“/确认”导入确认
//从“./success”导入成功
类Loginscreen扩展了React.Component{
静态导航选项={
标题:“欢迎来到LearnD”,
}
render(){
const{navigate}=this.props.navigation;
返回(
你有账户吗?
导航('Register1')}
title=“在此处注册!”
/>
);
}
};
const App=StackNavigator({
主页:{screen:Loginscreen},
寄存器1:{屏幕:寄存器1},
寄存器2:{屏幕:寄存器2}
});
导出默认连接(MapStateTops)(着陆屏幕)代码>这个错误是不言自明的
您试图将名为mapstatetops
的变量传递到connect
函数中,但从未定义它
export default connect(mapStateToProps)(Landingscreen);
// ^ this isn't defined anywhere
您需要实际创建一个将状态映射到道具的函数:
function mapStateToProps(state) {
// ...
}
export default connect(mapStateToProps)(Landingscreen);
您没有创建MapStateTrops
函数,但尝试将其传递给connect
函数。
为了清楚起见,你应该读这本书
例如:
function mapStateToProps(state) {
return {
navigation: state.navigation
}
}
这将把导航
从redux
存储
作为道具传递到您的组件,以便您可以通过道具访问它。导航
在使用之前,您应该定义名为MapStateTops的函数:
const-mapStateToProps=(state)=>{
const someProp=state.get('someProp');
返回{
某物
}
}
这不是有效的函数定义,您缺少一个return
语句和一对{}
:)