const test = axios.create({
baseURL: '',
params: {
key: key
}
})
JavaScript
복사
const response = await test.get('videos', {
params: {
part: 'snippet'
}
});
return response.data
JavaScript
복사
React Router
•
yarn react-router-dom
// inline 으로 하면 매번 컴폰언트가 새롭게 호출된다. 비추
<Route exact path="/" component={Auth(LandingPage, null)} />
// 아래처럼 하는게 좋다.
// 라우트 여러개 묶으려면 아래처럼 배열 사용
// exeact 을 넣어야 정확한 url로 이동이 된다.
<Route exact path=['/', '/home']>
<LandingPage />
<Route>
JavaScript
복사
•
페이지가 이동될떄 페이지 전체를 다시 렌더하는게 아니라 변경된 점만 렌더한다.
◦
그러면서 url도 바뀌기 때문에 history, 뒤로가기, 앞으로가기 등을 사용할수있다.
const history = useHistory()
const match = useMatch()
JavaScript
복사
