将其添加到package.json中

"peerDependencies": {
   "react": ">=16.8.0",
   "react-dom": ">=16.8.0"
}

来源:https://robkendal.co.uk/blog/2019-12-22-solving-react-hooks-invalid-hook-call-warning

如果你正在使用react-router-dom，请确保在钩子中调用useHistory()。

如果上面所有的都不能工作，特别是如果有很大的大小依赖(就像我的情况)，构建和加载都至少需要15秒，所以延迟似乎给出了一个错误的消息“无效钩子调用”。 因此，您所能做的就是在测试之前留出一些时间来确保构建已经完成。

捕获这个错误:找到解决方案。

出于某种原因，我的标签上有2个onClick属性。 小心使用你或别人的自定义组件，也许其中一些已经有onClick属性。

在我的NextJs应用中，我也遇到了同样的问题。在我的例子中，我认为这是与缓存相关的问题。删除"后运行项目。“Next”文件夹修复了问题。我希望删除React中的构建文件夹也能起到同样的作用。

在我的例子中，这只是我的App.js上的这一行代码，导致了这个问题，让我在调试上浪费了10个小时。React Native和Expo不能告诉我这一点。我在StackOverflow和github上做了所有的事情，甚至在react页面上应该解决这个问题，但问题仍然存在。为了找到罪魁祸首，我不得不一点一点地把我的代码拆开

 **const window = useWindowDimensions();**

它是这样摆放的:

import * as React from 'react';
import { Text, View, StyleSheet, ImageBackground, StatusBar, Image, Alert, SafeAreaView, Button, TouchableOpacity, useWindowDimensions } from 'react-native';
import Constants from 'expo-constants';

import Whooksplashscreen11 from './Page1';
import Screen1 from './LoginPage';
import Loginscreen from './Login';
import RegisterScreen1 from './register1';
import RegisterScreen2 from './register2-verifnum';
import RegisterScreen3 from './register3';
import RegisterScreen4 from './register4';
import RegisterScreen5 from './register5';
import RegisterScreen6 from './register6';
import BouncyCheckbox from "react-native-bouncy-checkbox";
import LocationPermission from './LocationPermission.js'
import Selfieverif1 from './selfieverif1'
import Selfieverif2 from './selfieverif2'
import AddPhotos from './addphotos'


// You can import from local files
import { useFonts } from 'expo-font';

// or any pure javascript modules available in npm

import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';


//FontAwesome
import { library } from '@fortawesome/fontawesome-svg-core'
import { fab, } from '@fortawesome/free-brands-svg-icons'
import { faCheckSquare, faCoffee, faFilter, faSearch,  } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome'
import Icon  from "react-native-vector-icons/FontAwesome5";

import MyTabs from './swipepage'

library.add(fab, faCheckSquare, faCoffee, faFilter, faSearch,);


const window = useWindowDimensions();
const Stack = createNativeStackNavigator();

function App() {
  return ( ....
)}