Open Yeonlisa opened 3 years ago
어떤 에러인가요?
에러 핸들링 방법
import { useEffect } from 'react'; import { useLocation } from 'react-router-dom';
export default function ScrollToTop(){ const { pathname } = useLocation();
useEffect(() => { window.scrollTo(0,0); // x좌표0, y좌표0 부분으로 스크롤이 넘어가게 처리함 }, [pathname]); return null;
}
App.js의 return 부분 코드 ```js return ( <div className="Container"> <ScrollToTop /> <Navbar toggle={toggle} loginOn={loginOn} setLoginOn={setLoginOn} signupOn={signupOn} setSignupOn={setSignupOn} isLogin={isLogin} setisLogin={setisLogin} setJwt={setJwt} jwt={jwt} /> <SidebarDropdown isOpen={isOpen} toggle={toggle} loginOn={loginOn} setLoginOn={setLoginOn} signupOn={signupOn} setSignupOn={setSignupOn} isLogin={isLogin} setisLogin={setisLogin} setJwt={setJwt} jwt={jwt} /> <Route exact path="/" render={() => ( <MainPage handleSearchChange={handleSearchChange} handleSearchClick={handleSearchClick} /> )} /> <Route exact path="/champions/all" render={() => <ChampDB handleChampPriId={handleChampPriId} />} /> <Route exact path="/champions/detail" // component={ChampDetail} // champPriId={champPriId} render={() => <ChampDetail champPriId={champPriId} />} /> <Route exact path="/items/all" component={ItemsDB} /> <Route exact path="/user/login" render={() => <Login history={history} />} /> <Route exact path="/user/signup" render={() => <Signup history={history} />} /> <Route exact path="/user/update" render={() => <Myinfo history={history} />} /> <Route exact path="/userinfo" component={UserInfo}></Route> <FooterFixed /> </div> ); }
에러 핸들링을 위해 참고한 레퍼런스 링크 https://reactrouter.com/web/guides/scroll-restoration
https://reactrouter.com/web/guides/scroll-restoration
기타 다른 문제 *
어떤 에러인가요?
에러 핸들링 방법
export default function ScrollToTop(){ const { pathname } = useLocation();
}
에러 핸들링을 위해 참고한 레퍼런스 링크
https://reactrouter.com/web/guides/scroll-restoration
기타 다른 문제 *