🐶🐾/frontend

[react] useParams() - 파라미터 가져오기

...URL/edit/1 edit은 pathname, 1은 parameter pathname을 가져오기 위해서는 useLocation(), parameter를 사용하기 위해서는 useParams()를 사용하면 된다. 사용전에는 반드시 라우터가 설치되어 있어야한다. (npm install react-router-dom) useParams() 사용 import { useParams } from "react-router-dom"; const Edit = () => { const { id } = useParams(); return ( ) } export default Edit;​

[react] useEffect - Lifecycle 제어하기

react에서 Lifecycle이라고하면 mount, update, unmount로 나눌 수 있다. mount - 화면에 나타남 update - 업데이트, 리랜더 unmount - 화면에서 사라짐 useEffect함수는 react hook으로 클래스형 컴포넌트에서 사용할 수 있었던 생명주기 메소드를 함수형 컴포넌트에서 사용할 수 있게한다. useEffect(function, deps) 형태로 1. mount 시점에 실행 useEffect(() => { console.log("mount!"); },[]); - deps가 빈 배열 일 경우 mount 시점에 콜백함수 실행 2. update 되는 순간 실행 useEffect(() => { console.log("update!"); }); useEffect(()..