Перенаправить реакцию роутера на клик не работает

Question

Я не знаю, что я делаю неправильно с реакцией, но она не работает, как ожидалось. Вы можете мне помочь?

import React from 'react'
import { Route, Redirect} from "react-router-dom";
const AddUserNote = (props) => {
  const redirectOnClick = () => {
    return <Redirect to="/addNote" />
  }
  return (
    <div>
      <button onClick={()=>redirectOnClick()}>Click Redirect</button>
    </div>
  )
}
export default AddUserNote

Большое вам спасибо!

Answer 1

Попробуйте это

const AddUserNote = (props) => {
  const redirectOnClick = () => {
    props.history.push('/addNote');
  }
  return (
    <div>
      <button onClick={redirectOnClick}>Click Redirect</button>
    </div>
  )
}

Разница между перенаправлением и историей

Рендеринг Redirect приведет к переходу в новое местоположение. Новое местоположение переопределит текущее местоположение в стеке истории.

push() функция Добавляет новую запись в стек истории