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

Question

我想在我的反应项目中有一个按钮链接到我放在项目中的简单html页面。但是，无论何时加载主仪表板页面，它都会立即说不能GET /Scanner.html。

在我的dashboard.js页面中，网站应该默认加载，我有这行代码：

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

我想要它做的就是在单击按钮时加载项目本身的dashboard.js页面旁边的Scanner.html页面。我做错了什么，或者我需要添加什么？

Answer 1

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

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

注意括号和箭头。