STUDY/React

[React] navigate로 컴포넌트 이동시 props 전달 방법

yegyeom 2021. 12. 12. 03:50

home.js에서 edit.js로 이동시 props 전달

// home.js
import { useNavigate } from 'react-router';

const handleClick = (e) => {
    const navigate = useNavigate();
    navigate('/edit', { state: e.target.value });
}
// edit.js
import { useLocation } from "react-router";

const Edit = () => {
    const { state } = useLocation();
    console.log(state);
}