React 身份验证未正确更新

Question

当我在UserAuthContext.js中有函数时，我的应用程序无法正常工作。我尝试登录，但用户没有按应有的方式直接访问/浏览。但如果我在app.js中放入相同的代码，我就可以创建并使用帐户登录。我不知道是什么原因这是代码https://codesandbox.io/s/cool-euler-eicfr?file=/src/App.js-不工作版本(以上代码属于此(：https://not-working.netlify.app/-我在app.js中有代码的工作版本https://netflix-clone-kasamtde.netlify.app/

Answer 1

不能在不是UserAuthContextProvider子级的组件中使用useAuthContext。它将始终返回undefined

最简单的解决方法是将UserAuthContextProvider移动到index.js:

// index.js
import React from 'react';
import {render} from 'react-dom';
import './index.css';
import App from './App';
import UserAuthContextProvider from "./components/Contexts/UserAuthContext.js";

render(
<React.StrictMode>
<UserAuthContextProvider><App /></UserAuthContextProvider>
</React.StrictMode>,
document.getElementById('root')
);