useLocation

2024/06/06 React

can do

when send data with useNavigate, get data with useLocation

src > react-router-dom > Top.js

import { useLocation } from 'react-router-dom';

const Top = () => {
  const location = useLocation();
  console.log(location);
  return (
    <div>TOP</div>
  );
};
export default Top;

src > react-router-dom > Contact.js

import { useNavigate } from 'react-router-dom';

const Contact = () => {
  const navigate = useNavigate();
  return (
    <h1>Contact Form</h1>
    <button onClick={ ()=>
      navigate("/", { state: {"HELLO!", }, })
    } >SEND</button>
  );
};
export default Contact;

BACK