JavaScript, React 🍦/React.js 에러

터미널에 아래 커맨드 실행 npm install --save bootstrap npm install --save reactstrap index.js파일에 아래 코드 추가 import 'bootstrap/dist/css/bootstrap.css';

import { useHistory } from "react-router-dom"; react-router-dom에서 useHistory를 import해오려고 하였는데 다음과 같은 오류가 떴다. 문제원인 react-router-dom 버전이 6버전대로 올라가면서 useHistory()가 useNavigate()으로 바뀌었다. 해결방법 다음의 코드를 대신 삽입한다. import { useNavigate } from 'react-router-dom'; const navigate = useNavigate(); navigate('/home') 추가적으로 useHistory를 useNavigate으로 바꿔준다. 추가오류 발생 이번에는 다음과 같은 오류가 발생했다. 문제원인2 useNavigate가 고차컴포넌트(H..

firebase.js파일에 export default firebase; 를 입력하여 firebase를 export해오려 했으나 다음과 같은 오류가 떴다. firebase 8 버전과 9 버전의 사용법이 변경되어, v8 코드를 그대로 사용하기 위해서는 api를 firebase/compat/으로 사용하면 된다. // firebase v8 버전 import firebase from "firebase/app" import "firebase/auth"; import "firebase/database"; import "firebase/storage"; // v9에서 v8 호환 API import firebase from "firebase/compat/app" import "firebase/compat/auth"; i..

react-hook-form의 버전이 6에서 7로 변경되어 npm run start를 했지만 화면에 아무것도 나타나지 않는 오류가 났다. 리액트 버전 변경으로 인한 react-hook-form 의 useForm() 변경을 살펴보자. 1. errors 변경 변경 전 const { errors } = useForm(); 변경 후 const { formState: { errors } } = useForm(); 2. register 변경 변경 전 변경 후

리덕스(redux)에서 createStore를 사용하려고 했는데 다음과 같이 밑줄이 떴다. 해결방법 legacry_createStore를 추가한다. import { legacy_createStore as createStore } from "redux";

react-router-dom에서 Switch를 사용하려는데 다음과 같은 에러가 발생했다. 원인 React의 버전이 올라가면서 Switch가 Routes로 변경되어 생긴 에러이다. 사용방법은 똑같으니, Switch로 작성했던 부분을 Routes로 변경한다. ++) component도 element로 바꾸어주어야 한다!! 중괄호{} 안에 넣는 것도 잊지 말기! // v5 버전 // v6 버전