javascript - 在 reactJS 中创建一个链接到另一个页面的按钮

Question

我目前正在做一个在 reactjs 中创建网络应用程序的练习，任务是创建一个按钮，当按下该按钮时“应用程序转到新路线” - 所以基本上创建一个新页面。我尝试了通常的 html 按钮/href，但这不起作用。

我假设按钮所在的代码如下所示:

`return (
    <div className="jokeSection">
      <h1>Chuck norris jokes</h1>
      <h3>{joke}</h3>
      <button onClick={() => newJoke()}>Click here for a chuckle</button>
      <button a href="search.js">Search for joke</button>
    </div>
  )`

感谢您的帮助!

Answer 1

您可以使用 react-router 的 Link 标签，这是一个非常流行的 React 第三方库

import { Link } from 'react-router-dom'; // IF IS REACT-WEB
import { Link } from 'react-router-native'; // IF IS REACT-NATIVE

// YOUR CODE

return (
<div className="jokeSection">
  <h1>Chuck norris jokes</h1>
  <h3>{joke}</h3>
  <button onClick={() => newJoke()}>Click here for a chuckle</button>
  <Link to="/search"><button>Search for joke</button></Link>
</div>
)

有关更多信息以及如何安装 React-Router，请关注此 link