36일 TIL React로 만든 나의 ~~ 사이트 1일차

excalidraw 통해서 일단 구상해봤다.

하지만 아직 정확히 구상을 못하겠어서, 이 쯤 하고 Router부터 시작하려고 한다.\

 

 

 

첫 번째 error

 

Uncaught TypeError: store.getState is not a function

 

index.js에서 provider를 사용하는데, 이때 store가 만들어져 있지 않아서 그렇다. 

// index.js

import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";
import { Provider } from "react-redux";
import store from "./redux/config/configStore";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <Provider store={store}>
    <App />
  </Provider>
);

당장 reducer를 입력하지 않았더라도 , 만들어 두어야 에러가 안 뜬다.

// src/redux/config/configStore.js

import { configureStore } from "@reduxjs/toolkit";
/**
 * import 해온 것은 slice.reducer 입니다.
 */

/**
 * 모듈(Slice)이 여러개인 경우
 * 추가할때마다 reducer 안에 각 모듈의 slice.reducer를 추가해줘야 합니다.
 *
 * 아래 예시는 하나의 프로젝트 안에서 counter 기능과 todos 기능이 모두 있고,
 * 이것을 각각 모듈로 구현한 다음에 아래 코드로 2개의 모듈을 스토어에 연결해준 것 입니다.
 */
const store = configureStore({
  reducer: {},
});

export default store;