제목에 내 문구가 틀렸다면 사과드립니다. 최근에 내 앱에서 쿠키를 받았습니다. 내 Topnav 구성 요소에 액세스 할 수 있어야하는데 어떻게 가져 가야할지 모르겠습니다.
App.js-
import React, { Component } from 'react';
import { BrowserRouter as Router, Switch, Route, Link } from 'react-router-dom';
import Landing from './pages/Landing.js';
import LoginPage from './pages/LoginPage.js';
import Topnav from './pages/components/global/Topnav.js';
import './Global.css';
const App = props => (
<div>
<Topnav />
<Switch>
<Route exact path='/' component={Landing} />
<Route exact path='/login' component={LoginPage} />
</Switch>
</div>
);
export default App;
내 로그인 구성 요소가 익스프레스 (가져 오기)에서 쿠키를 가져온 다음 <Redirect to='/' />
이것이 쿠키를 가져올 수있는 랜딩 페이지를로드합니다.하지만 쿠키를 Topnav로 가져 오려면 어떻게해야합니까? App.js가 쿠키를 잡고 구성 요소에 소품으로 전달하는 것처럼 보이는 스택에서 이와 같은 답변을 보았지만 새로 고치지 않으면 어떻게 할 수 있는지 알 수 없습니다. 나는 전체 창 새로 고침을 강제하는 것에 대해 생각했지만 (수동으로 새로 고침을 할 때 Topnav에서 작동 함) 여기에서 그렇게하지 않는다는 답변도 보았습니다.
react에서 새로운 컨텍스트 후크를 사용해야합니다.
앱에서 액세스 할 수있는 컨텍스트입니다.
const MyContext = React.createContext(defaultValue);
기본 앱을 제공 업체로 묶습니다.
<MyContext.Provider value={/* some value */}>
컨텍스트의 값을 사용하려면 로그인 및 상단 탐색 모두에서 이것을 사용하십시오.
const value = useContext(MyContext);
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다