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

Question

我想在我的 react 项目中有一个按钮链接到我放入项目中的简单 html 页面。但是，无论何时加载主仪表板页面，它都会立即显示无法获取/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>

注意括号和箭头。