12월 18일 TIL

jini·2022년 12월 18일

TIL

TIL🌱

목록 보기

43/95

Today I Learned 📖

간단한 투두리스트 리덕스사용해서 만들어보기

리덕스 수업 다시 복습하면서 숙련과제 실습으로 있는 간단한 투두리스트를 만들어봄.

styled-components 사용법 익힘.

숙련과제 .. 다시 만들어서 제출함. 라우터 부분은 하나도 못함..^^
react-router-dom 수업듣기

오늘의 문제점 😤

리덕스 만들어보면서 계속 해결이 안되던 부분이 드디어(? 해결되었는데 그냥 .. 내가 실수한거라 약간의 어이가 없었음..

please ensure the component is wrapped in a Provider

index.js에서 렌더링해와야할 부분을 안 넣고 사용하니 다른 코드를 아무리 쓰고 옮겨봐도 화면에 안 나타나지... 정신차리자...* 시작할때 꼭 수정하기

// 원래부터 있던 코드
import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";
import reportWebVitals from "./reportWebVitals";

// 1.우리가 추가할 코드(1)
import store from "./redux/config/configStore";
import { Provider } from "react-redux";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(

	//2. 우리가 추가할 코드(2) , App을 Provider로 감싸주고, configStore에서 export default 한 store를 넣어줍니다.
  <Provider store={store}> 
    <App />
  </Provider>
);


reportWebVitals();