๐Ÿ“Frontend/๐Ÿ“˜React

[React] Redux-toolkit ์„ค์น˜ ๋ฐ ์„ธํŒ…

Hoon2 2022. 8. 6. 13:30
728x90

*์„ค์น˜ : yarn add @reduxjs/toolkit react-redux

 

์„ธํŒ…

// store.js ํŒŒ์ผ ์ƒ์„ฑ
// ์ฝ”๋“œ ๋ณต๋ถ™ 
import { configureStore } from '@reduxjs/toolkit'

export default configureStore({
  reducer: { }
}) 

//index. js ํŒŒ์ผ๊ฐ€์„œ Provider ์ปดํฌ๋„ŒํŠธ, ์•„๊นŒ ์ž‘์„ฑํ•œ ํŒŒ์ผ import 
import { Provider } from "react-redux";
import store from './store.js'

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <Provider store={store}> //state ์ „๋ถ€ ์‚ฌ์šฉ ๊ฐ€๋Šฅ 
      <BrowserRouter>
        <App />
      </BrowserRouter>
    </Provider>
  </React.StrictMode>
);
728x90