Javascript 在reactJS中创建链接到其他页面的按钮

我目前正在做一个在reactjs中创建web应用程序的练习，任务是创建一个按钮，当按下该按钮时，“应用程序将进入一个新路径”-因此基本上创建一个新页面。 我尝试了常用的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>
  )`

返回( 查克·诺里斯的笑话 {笑话} newJoke（）}>单击此处可获得一个笑声 寻找笑话 )`

---

谢谢你的帮助

您可以使用

react路由器的
链接
标记，这是一个非常流行的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 dom'导入{Link}；//如果是REACT-WEB
从“react router native”导入{Link}；//如果是非本地的
//你的代码
返回(
查克·诺里斯的笑话
{笑话}
newJoke（）}>单击此处可获得一个笑声
寻找笑话
)

有关更多信息以及如何安装React路由器，请按照以下步骤操作
使用“React Router dom”包路由到新组件，您可以在单独的文件中声明：

从“react Router dom”导入{BrowserRouter as Router，Route，Link}；
从“./Search”导入搜索
接触

路由组件将声明路由，链接组件将显示它。文件search.js必须包含当然的搜索组件。
如果您使用react-native，请尝试使用react-router-native

，如果基于浏览器使用react-router dom进行路由

要在按钮上进行导航，请单击此按钮

{this.props.history.push（“/path\u of_页面”）；}}>如果它是类组件，请单击此处轻笑

或者您可以只更改
props.history.push（“\u页面的/path\u”）
，而不使用功能组件中的
此。但你必须确定路线在那里

您可以获得从一个组件/页面到另一个组件/页面的路由示例