Question

我不知道我在React路由上做错了什么，但是它没有按预期工作。你能帮我吗？

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()函数将新条目推入历史记录堆栈

重定向路由器反应onClick无法正常工作

1 个答案: