반응형 리액트2 [React] Route v6를 사용하며 리덕스에서 history사용하기 나만의 라우터를 만들어서 const CustomRouter = ({history, ...props}) => { const [state, setState] = useState({ action: history.action, location: history.location }); useLayoutEffect(() => history.listen(setState), [history]); return ( ); }; 이런식으로 넣어서 사용해준다. store에 이런식으로 넣어주고 reducer: { router: connectRouter(history), 따로 히스토리를 컴포넌트를 만들어주고 import { createBrowserHistory } from 'history' import React, {useLayou.. 2021. 12. 4. Destructuring(구조분해할당) Destructuring을 사용하면 배열 요소 또는 객체 속성을 쉽게 추출하여 변수에 저장 할 수 있다. 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment 구조 분해 할당 - JavaScript | MDN 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. developer.mozilla.org let a, b, rest; [a, b] = [10, 20]; console.lo.. 2021. 8. 23. 이전 1 다음