[Redux] 리덕스 개발자도구 적용하는 법 - 개발자도구에서 리덕스 스토어 확인하기
1. 크롬 확장 프로그램 설치
https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd
2. 터미널에서 익스텐션 설치
$ yarn add redux-devtools-extension
3. 파일에서 import하기
방법 1
import { composeWithDevTools } from 'redux-devtools-extension';
const store = createStore(rootReducer, composeWithDevTools());
// 스토어를 만들 때,
// composeWithDevTools 를 사용하여 리덕스 개발자 도구 활성화
방법 2
middleware와 함께 store를 생성할 때 다음과 같이 익스텐션 인자를 전달해준다.
ReactDOM.render(
<React.StrictMode>
<Provider store={createStoreWithMiddleware(
Reducer,
window.__REDUX_DEVTOOLS_EXTENSION__&&
window.__REDUX_DEVTOOLS_EXTENSION__()
)}>
<BrowserRouter>
<App/>
</BrowserRouter>
</Provider>
</React.StrictMode>,
document.getElementById('root')
);
Reference
Author And Source
이 문제에 관하여([Redux] 리덕스 개발자도구 적용하는 법 - 개발자도구에서 리덕스 스토어 확인하기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@gygy/Redux-리덕스-개발자도구-적용하는-법-개발자도구에서-리덕스-스토어-확인하기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)