useSelector 질문

const rootReducer = combineReducers({ index: (state = {}, action) => { switch (action.type) { case HYDRATE: console.log('HYDRATE', action); return { ...state, ...action.payload }; default: return state; } }, user, post, }); 요 부분 코드를 말씀드렸던 것입니다. useSelector에서 해당 reducer를 통해 state를 인식하는 것인가 싶어서요 useState의 경우 결국 접근을 하려면 해당 state 혹은 setState 함수를 받아오지 않습니까? 근데 redux에서는 단순히 useSelector((state) => state.user) 식으로 되있는데 state 매개변수에는 무엇을 넣어주는 것이며 그 redux state는 어떻게 등록이 된 것인지 싶어서요. initialState의 경우에는 객체를 저장해둔 것이지 createContext처럼 넣어준 것이 아닌데 어떠한 과정을 통해서 redux state가 등록되어지는지가 헷갈린 것 같습니다. 질문이 불분명하여 번거롭게해드려 죄송합니다.

import React를 하지않은 상태에서 eslint를 적용하니 오류가 발생합니다.

.eslintrc 파일 생성하신 후 "rules": { // suppress errors for missing 'import React' in files "react/react-in-jsx-scope": "off", // allow jsx syntax in js files (for next.js project) "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }], //should add ".ts" if typescript project} }

className 에러

아래 질문글을 보고 인라인 스타일 속성으로 넣어주니 에러가 사라지긴 하네요. styled component로 적용할 수 있는 방법은 없나요?