React 本机应用程序错误：找不到变量 React

Question

我是 React Native 的新手。 我正在尝试运行从另一位开发人员那里获得的应用程序。 该应用程序在他的开发环境中运行良好。 我安装了所有包和依赖项，但是在模拟器中运行应用程序时，出现此错误：

这是我的index.js

import 'react-native-gesture-handler';
import React from 'react';

import { Provider } from 'react-redux';
import store, { persistor } from './store';
import { PersistGate } from 'redux-persist/integration/react'

import { ApplicationProvider, IconRegistry } from '@ui-kitten/components';
import { EvaIconsPack } from '@ui-kitten/eva-icons';
import * as eva from '@eva-design/eva';
import { default as theme } from './constant/custom-theme.json'; 

import { SafeAreaProvider } from 'react-native-safe-area-context';
import { NavigationContainer } from "@react-navigation/native";
import RootNavigator from './components/navigators/root';

import IniciandoScreen from './components/screens/iniciando';

export default function App() {
    
    return (
        <Provider store={store}>
            <PersistGate loading={<IniciandoScreen/>} persistor={persistor}>
                <IconRegistry icons={EvaIconsPack} />
                <ApplicationProvider {...eva} theme={{...eva.light, ...theme}}>
                    <SafeAreaProvider>
                        <NavigationContainer>
                            <RootNavigator />
                        </NavigationContainer>
                    </SafeAreaProvider>
                </ApplicationProvider>
            </PersistGate>
        </Provider>
    );
};

我正在使用： 节点18.8.2 反应17.0.1 反应本机 0.64.4

我对此很迷茫，尝试了很多解决方案，但没有一个起作用。

我在根文件夹的index.js中有这个：

import {AppRegistry} from 'react-native';
import App from './App';
import {name as appName} from './app.json';
AppRegistry.registerComponent(appName, () => App);

Answer 1

你必须在每个 React 组件中导入 React。它在 JSX 文件中看起来未使用，但一旦转换为 js，代码就会引用 React 对象。