如何使用按钮单击将ReactJS页面重定向到纯HTML页面？

Question

我想在我的React项目链接中有一个按钮，该按钮指向我放入项目中的简单html页面。 但是，无论何时加载主仪表板页面，它都会立即显示无法GET /Scanner.html。

在网站应默认加载到的我的dashboard.js页面中，我具有以下代码行：

          <Button color="primary" size="lg" onClick={window.location.href="Scanner.html"}>Scan Asset</Button>

我要做的就是单击该按钮时，在项目本身中加载紧邻仪表板.js页面旁边的Scanner.html页面。 我做错了什么，或者我需要添加什么？

Answer 1

您需要提供一个函数作为onClick属性的参数。 一种简单的方法：

<Button color="primary" size="lg" onClick={() => window.location.href="Scanner.html"}>Scan Asset</Button>

请注意括号和箭头。