리덕스 고수께 질문합니다

Question

useEffect(() &#61;> { dispatch(routerAction.locationChange(route)) }, [route]) 요레 사용하면 아무 문제 없이 동작하지만 eslint 에서 오류 줍니다ESLint: React Hook useEffect has a missing dependency: 'dispatch'. Either include it or remove the dependency array.(react-hooks/exhaustive-deps)void 함수 반환 값이 사용되었습니다이렇게 2개void 함수 반환 값이 사용되었습니다 는locationChange: (state, action) &#61;> { state.location &#61; action.payload }, 여기서 리턴값 없어서 그렇고createSlice 로 만든거라 없어두 됩니다dispatch 없어도 상관없는데 eslint가 경고 주는게 거슬려서 이거 해결 방법 있으면 알려주세요module.exports &#61; { root: true, env: { browser: true, es2020: true, node: true }, extends: [ 'eslint:recommended', 'plugin:react/recommended', 'plugin:react/jsx-runtime', 'plugin:react-hooks/recommended', ], ignorePatterns: ['dist', '.eslintrc.cjs'], parserOptions: { ecmaVersion: 'latest', sourceType: 'module' }, settings: { react: { version: '18.2' } }, plugins: ['react-refresh'], rules: { &#34;no-unused-vars&#34;: &#34;warn&#34;, 'react/jsx-no-target-blank': 'off', 'react-refresh/only-export-components': [ 'warn', { allowConstantExport: true }, ], }, }

리덕스 고수께 질문합니다

0개의 답변

Q&A 목록