反应原生redux连接未定义的功能
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了反应原生redux连接未定义的功能相关的知识，希望对你有一定的参考价值。
我有以下代码库
世博链接
https://snack.expo.io/@mparvez19861/redux-example
app.js
<Provider store={store}>
<View style={styles.container}>
<Navigator />
</View>
</Provider>
Navigator.js
const AuthStack = createStackNavigator({
// { SignIn: SignInScreen }
// SignIn: { screen: EmailPwdLogin }
Login: { screen: LoginScreen },
Signup: { screen: SignupScreen },
});
const drNav = createDrawerNavigator(
{
Screen2: {
screen: Screen2
},
SignOut: {
screen: SignOutScreen
}
}
)
export default createAppContainer(createSwitchNavigator(
{
// screendesign: screendesign,
SplashScreen: SplashScreen,
App: drNav,
AuthStack: AuthStack
},
{
initialRouteName: 'SplashScreen',
}
));
login.js
import React, { Component } from 'react';
import { StyleSheet, View, Text, TextInput, Button, Alert } from 'react-native';
import { NavigationActions } from 'react-navigation';
import firebase from 'react-native-firebase';
import { connect } from 'react-redux';
import { getUserData, watchUserLogin } from '../redux/app-redux';
const mapStateToProps = (state) => {
return {
userData: state.userData,
};
}
const mapDispatchToProps = (dispatch) => {
return {
getUserData: (user) => { dispatch(getUserData(user)) },
};
}
class LoginScreen extends Component {
constructor(props) {
super(props);
this.state = {
userData: null,
email: "",
password: "",
};
}
onLoginPress = () => {
firebase.auth().signInWithEmailAndPassword(this.state.email, this.state.password)
.then((user) => {
//this.state.userData = user;
this.setState({ userData: user })
this.onGetUserData(user);
// this.props.navigation.navigate("friendsOnWay");
}, (error) => { Alert.alert(error.message); });
}
onGetUserData = (user) => {
this.props.getUserData(user);
}
onCreateAccountPress = () => {
// var navActions = NavigationActions.reset({
// index: 0,
// actions: [NavigationActions.navigate({routeName: "Signup"})]
// });
// this.props.navigation.dispatch(navActions);
// this.props.navigation.navigate("Signup");
}
render() {
return (
<View style={{ paddingTop: 50, alignItems: "center" }}>
<Text>Login</Text>
<TextInput style={{ width: 200, height: 40, borderWidth: 1 }}
value={this.state.email}
onChangeText={(text) => { this.setState({ email: text }) }}
placeholder="Email"
keyboardType="email-address"
autoCapitalize="none"
autoCorrect={false}
/>
<View style={{ paddingTop: 10 }} />
<TextInput style={{ width: 200, height: 40, borderWidth: 1 }}
value={this.state.password}
onChangeText={(text) => { this.setState({ password: text }) }}
placeholder="Password"
secureTextEntry={true}
autoCapitalize="none"
autoCorrect={false}
/>
<Button title="Login" onPress={this.onLoginPress} />
<Button title="Create account..." onPress={this.onCreateAccountPress} />
</View>
);
}
}
const styles = StyleSheet.create({
});
export default connect(mapStateToProps, mapDispatchToProps)(LoginScreen);
抛出错误
TypeError：TypeError：undefined不是函数（计算'（0，_react.useMemo）'）
此错误位于以下位置：在SceneView中的SceneFine（由SceneView创建）（在StackViewLayout.js：784中）在RCTView（在View.js：45）中的视图（在StackViewLayout.js：783）中的RCTView（在View.js中） ：45）在视图（在StackViewLayout.js：782）的RCTView（在View.js：45）中的视图（在createAnimatedComponent.js：153）中的AnimatedComponent（在StackViewCard.js：69）在RCTView中（在View.js上） ：45）在View中（在createAnimated.js：153）的AnimatedComponent（at screens.native.js：59）中，在Screen（在StackViewCard.js：57）的Card中（在createPointerEventsContainer.js：27）在Container中（在StackViewLayout）在视图中的RCTView（在View.js：45）的ScreenContainer（在StackViewLayout.js：311）中的视图（在屏幕上，在屏幕上，在屏幕上，在View.js：83处）中的RCTView（在View.js：45处）（.js：860）在createAnimatedComponent.js：153）中的AnimatedComponent（在StackViewLayout.js：307）中的PanGestureHandler（在StackViewLayout.js：300）StackViewLayout（at withOrientation.js：30）in withOrientation（at StackView.js：79）in RCTView（在View.js：45）in View（在Tran sitioner.js：214）在TransitionView中的Stacker（在StackView.js：22中），在NavView中的Navigator中创建的（在createKeyboardAwareNavigator.js：12中），在SwitchView中的SceneView（由SwitchView创建）的KeyboardAwareNavigator（由SceneView创建）中。在导航器中创建的Navigator（在createAppContainer.js：388中）在NavigationContainer（在App.js：94）的RCTView（在View.js：45）中在View（在App.js：93）的Provider中（在App。在视图中的RCTView（在View.js：45）中的视图（在AppContainer.js：98中）的RCTView（在View.js：45）中的应用程序（在renderApplication.js：34）中的js：92）（在AppContainer中）。 js：115）在AppContainer中（在renderApplication.js：33）
此错误位于以下位置：位于应用程序中的提供程序（位于App.js：92）中的视图（位于App.js：93）中的RCTView（位于View.js：45）中的NavigationContainer（位于App.js：94） renderApplication.js：34）在RCTView（在View.js：45）的视图中（在AppContainer.js：98）在RCTView（在View.js：45）的视图中（在AppContainer.js：115）在AppContainer中（在renderApplication.js：33）ConnectFunction D： Rnd React Native Project WhoAroundMe node_modules react-redux lib components connectAdvanced.js：131：41 updateFunctionComponent D： Rnd React Native Project WhoAroundMe node_modules react-native Libraries Renderer oss ReactNativeRenderer-dev.js：11441：29 updateSimpleMemoComponent D： Rnd React Native Project WhoAroundMe node_modules react-native Libraries Renderer oss ReactNativeRenderer-dev.js ：11352：4 updateMemoComponent D： Rnd React Native Project WhoAroundMe node_modules react-native Libraries Renderer oss ReactNativeRenderer-dev.js：11224：8 beginWork D： Rnd React Native Project WhoAroundMe node_modules 反应母语库渲染 oss ReactNativeRenderer-dev.js：12824：8 performUnitOfWork D： Rnd React Native Project WhoAroundMe node_modules react-native Libraries Renderer oss ReactNativeRenderer-dev.js：16075：21 workLoop D： Rnd React Native Project WhoAroundMe node_modules react-native Libraries Renderer oss ReactNativeRenderer-dev.js：16115：41 renderRoot D： Rnd React Native Project WhoAroundMe node_modules react-native Libraries Renderer oss ReactNativeRenderer-dev.js：16219：15 performWorkOnRoot D： Rnd React Native Project WhoAroundMe node_modules react-native Libraries Renderer oss ReactNativeRenderer-dev.js：17198：17 performWork D ： Rnd React Native Project WhoAroundMe node_modules react-native Libraries Renderer oss ReactNativeRenderer-dev.js：17099：24 performSyncWork D： Rnd React Native Project WhoAroundMe node_modules react-native Libraries Renderer oss ReactNativeRenderer-dev.js：17060：14 requestWork D： Rnd React Native Project WhoAroundMe node_modules react-native Libraries Renderer oss ReactNativeRenderer-dev.j s：16925：19 scheduleWork D： Rnd React Native Project WhoAroundMe node_modules react-native Libraries Renderer oss ReactNativeRenderer-dev.js：16724：16 scheduleRootUpdate D： Rnd React Native Project WhoAroundMe node_modules react-native Libraries Renderer oss ReactNativeRenderer-dev.js：17413：15 updateContainerAtExpirationTime D： Rnd React Native Project WhoAroundMe node_modules react-native Libraries Renderer oss ReactNativeRenderer- dev.js：17447：28 updateContainer D： Rnd React Native Project WhoAroundMe node_modules react-native Libraries Renderer oss ReactNativeRenderer-dev.js：17537：4 render D： Rnd React Native Project WhoAroundMe node_modules react-native Libraries Renderer oss ReactNativeRenderer-dev.js：18191：20 renderApplication D： Rnd React Native Project WhoAroundMe node_modules react-native Libraries ReactNative renderApplication。 js：59：34运行D： Rnd React Native Project WhoAroundMe node_modules react-native Libraries ReactNative AppRegistry.js：101：10 runApplication D： Rnd React Nat ive Project WhoAroundMe node_modules react-native Libraries ReactNative AppRegistry.js：195：26 __callFunction D： Rnd React Native Project WhoAroundMe node_modules react-native Libraries BatchedBridge MessageQueue.js： 366：47 D： Rnd React Native Project WhoAroundMe node_modules react-native Libraries BatchedBridge MessageQueue.js：106：26 __guard D： Rnd React Native Project WhoAroundMe node_modules react-native Libraries BatchedBridge MessageQueue.js：314：10 callFunctionReturnFlushedQueue D： Rnd React Native Project WhoAroundMe node_modules react-native Libraries BatchedBridge MessageQueue.js：105：17
我做错了请帮忙
版本7.0.1的redux-sagas“现在要求最小React版本为16.8.4或更高版本。”
我有同样的问题，我使用react-native版本0.58.6和react-redux版本6.0.1，它运作良好。
我得到了同样的错误。我更新了我的版本以进行反应并对原始版本以及redux和react-redux做出反应。它解决了。希望也适合你。
以上是关于反应原生redux连接未定义的功能的主要内容，如果未能解决你的问题，请参考以下文章
使用redux时无法在反应js中读取未定义的属性（读取'map'）