react-hook-form의 버전이 6에서 7로 변경되어 npm run start를 했지만 화면에 아무것도 나타나지 않는 오류가 났다. 리액트 버전 변경으로 인한 react-hook-form 의 useForm() 변경을 살펴보자. 1. errors 변경 변경 전 const { errors } = useForm(); 변경 후 const { formState: { errors } } = useForm(); 2. register 변경 변경 전 변경 후
JavaScript, React 🍦
리덕스(redux)에서 createStore를 사용하려고 했는데 다음과 같이 밑줄이 떴다. 해결방법 legacry_createStore를 추가한다. import { legacy_createStore as createStore } from "redux";
react-router-dom에서 Switch를 사용하려는데 다음과 같은 에러가 발생했다. 원인 React의 버전이 올라가면서 Switch가 Routes로 변경되어 생긴 에러이다. 사용방법은 똑같으니, Switch로 작성했던 부분을 Routes로 변경한다. ++) component도 element로 바꾸어주어야 한다!! 중괄호{} 안에 넣는 것도 잊지 말기! // v5 버전 // v6 버전
Boiler Plate에 특성화된 구조 assets/ -> 이미지, CSS, JS 파일들 보관 commons/ components -> 여러 페이지에서 쓰일 수 있는 것들 types -> typescript를 위해서 type 지정 components -> 이 안에는 Page를 넣는다 redux/ actions, reducer -> Redux를 위한 폴더들 App.js -> Routing 관련 일을 처리
Contents 더보기 노드 버전 확인 cmd창에서 node -v 치고 노드 설치되어있는지 노드 버전 확인 리액트 설치 vscode 터미널창에 npm create-react-app ./ 입력 ./ 이 부분에 리액트를 설치하고자 하는 디렉토리 이름을 넣어준다. ./는 현재 디렉토리를 뜻한다. 그런데 설치를 진행하려니 이런 창이 떴다. 더 이상 저 설치 버전을 지원하지 않으니 삭제하고 최신 버전을 설치하라는 내용이었다. 그래서 npm uninstall -g create-react-app 을 통해 방금 설치한 버전을 삭제해주고 npm install -g npm@8.19.2 위의 코드를 통해 새 버전을 설치해주었다. 하지만 이렇게 하고 실행코드인 npm start 를 입력하자 이런 에러가 떴다. 해결방법 npx..
