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

Question

I am wanting to have a button in my react project link to a simple html page I have put in the project. However, anytime the main dashboard page loads, it immediately says cannot GET /Scanner.html.

In my dashboard.js page that the website should default load to, I have this line of code:

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

All I want it to do is load the Scanner.html page that is right next to the dashboard.js page in the project itself when the button is clicked. What am I doing wrong, or what do I need to add?

Answer 1

You need to provide a function as argument to the onClick prop. A simple way to do this:

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

Note the parentheses and the arrow.