반응 - 리디렉션 방법

2619 단어 webdev
import {useHistory} from 'react-router-dom'


useHistory는 React에서 리디렉션하는 것입니다.
그러나 react-router-dom v6에서는 변경되었습니다.

import {useNavigate} from 'react-router-dom'
const navigate = useNavigate();

const handleSubmit = (e) => {
  e.preventDefault()
  // some codes..
  fetch('http://localhost:8000/notes', {
    method: 'POST',
    header: {'Content-Type': 'application/json'},
    body: JSON.stringify({title, details, category}),
  }).then(() => navigate('/')) // navigate() here! redirect to '/'
}

좋은 웹페이지 즐겨찾기