反应本机 - 找不到变量：渲染

Question

我第一次尝试在我的React-Native应用程序上实现Redux。我有错误找不到变量：渲染

在我的索引.js上，我调用提供程序以使用 Redux。所以我添加一个渲染它，它会触发此错误。

这是我的索引.js文件：

//index.js
import React from "react";
import {AppRegistry} from 'react-native';
import App from './App';
import { Provider } from 'react-redux'
import Store from './redux/Store/store'
import {name as appName} from './app.json';
AppRegistry.registerComponent(appName, () => App);
render(
  <Provider store={Store}>
    <App/>
  </Provider>,
  document.getElementById('root')
)

如果有用，则调用的应用程序组件：

import firebase from '@firebase/app'
import '@firebase/auth'
import React from 'react';
import { View, Text, Button, Image, TouchableOpacity, StyleSheet } from 'react-native';
import { createStackNavigator, StackActions, NavigationActions } from 'react-navigation'; // Version can be specified in package.json
import Listing from './Listing';
import Menu from './Menu';
import Login from './Login';
import TestRedux from './redux/Components/TestRedux';
firebase.initializeApp({
    apiKey: "XXXXXXX",
    authDomain: "XXXXXXX",
    databaseURL: "XXXXXXX",
    projectId: "XXXXXXX",
    storageBucket: "XXXXXXX",
    messagingSenderId: "XXXXXXX"
});
export class App extends React.Component {
  constructor(props){
    super(props);
    this.state = {
      user:'',
      loggedAndVerifiedOrNot: false
    }
   firebase.auth().onAuthStateChanged((user) => {
        //this.setState({ user: user })
        if (user != null) {
            if (user.emailVerified!=null)
            {
              if (user.emailVerified == true)
              this.setState({loggedAndVerifiedOrNot: true})
            }
        }
    });
  }
  render(){
      if (this.state.loggedAndVerifiedOrNot) {
            this.props.navigation.navigate('Menu');         
      } 
      else {
            this.props.navigation.navigate('Login');
      }
      return (null)
  }
}
export default createStackNavigator({
    Home: {
      screen: App,
    },
    Login: {
      screen: Login,
    },
    Menu: {
      screen: Menu,
    },
    Listing: {
      screen: Listing,
    },
    TestRedux: {
      screen: TestRedux,
    },
  }, 
  {
    initialRouteName: 'Home',
  }
);

你知道这个错误来自哪里以及如何解决它吗？

Answer 1

语法为：

render() {
    return ( ... somethingToRender ... )
}

而这个

    render() {
       return (
         <Provider store={Store}>
           <App/>
         </Provider>,
       )
   }

需要位于应用组件内部并从索引.js中删除。

你不需要document.getElementById。应用程序本质上是您的根元素