redux 18버전 typescript

[조승엽]

알려주셨던 redux/toolkit에서 보고 해도 ReactDom.render에서 render가 빨간밑줄이라 
const root = ReactDom.createRoot(document.getElementById('root'));
하고 root.render했더니 이번엔 document.getElementById('root') 가 빨간줄나오더라고요.

결국 찾아서 빨간줄은 없앴는데 그게 const root = ReactDom.createRoot(document.getElementById('root') ! );
로 ! 하나 추가된거더라고요. 왜 저거 붙였는데 오류가 없어진건지 전에는 왜 오류인건지 모르겠네요.

[조승엽]

지금껏 수업 스크립트 그 밑에 부분을 안보고 있었네요.

[조승엽]

import { createSlice, configureStore } from '@reduxjs/toolkit'; import { Provider } from 'react-redux'; const 초기값 = { count: 0, user : 'kim' }; const counterSlice = createSlice({ name: 'counter', initialState : 초기값, reducers: { increment (state){ state.count += 1 }, decrement (state){ state.count -= 1 }, incrementByAmount (state, action :any){ state.count += action.payload } } }) let store = configureStore({ reducer: { counter1 : counterSlice.reducer } }) //state 타입을 export 해두는건데 나중에 쓸 데가 있음 export type RootState = ReturnType<typeof store.getState> //수정방법 만든거 export export let {increment, decrement, incrementByAmount} = counterSlice.actions
여기 하단에 ReactDOM.render( <React.StrictMode> <Provider store={store}> <App /> </Provider> </React.StrictMode>, document.getElementById('root') )
넣는거면 render는 똑같이 안되더라고요.

[codingapple]

리액트 17버전이면 ReactDOM.render 이렇게 되어있어야하고
18버전이면 .createRoot() 어쩌구 이렇게 되어있어야합니다
타입스크립트 더해진 프로젝트로 새로 설치하면 별문제없습니다

[글쓴이]

글