Using react-router with an href button

Question

I just started with reactjs and I don't quite seem to understand how to use it with buttons. So I got these two buttons here

  <a className="button is-warning">
  Sign up
  </a>

  <a className="button is-warning">
  Login
  </a>

And I want them to link to

<Route path="/account" component={Account}/>
<Route path="/start" component={Start}/>

I know there are already quite a few questions and answers about this topic here and I also watched tutorials and try to figure it out, but still I can't seem to get into my head how to do it.

Win · Accepted Answer · 2017-08-12 11:39:55Z

2

Use <Link> instead of <a>

<Link to="/account" className="button is-warning">Sign up</Link>
<Link to="/start" className="button is-warning">Login</Link>

answered Aug 12, 2017 at 11:39

Win

2,1332 gold badges14 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

hrmdev · Accepted Answer · 2023-07-11 10:20:42Z

0

I also tried to use the component but that was throwing some error (don't remember which errors) but then I just tried to use the from react-router-dom and it worked like a charm.

edited Jul 11, 2023 at 10:20

answered Jul 8, 2023 at 11:07

hrmdev

136 bronze badges

1 Comment

Community Over a year ago

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

Using react-router with an href button

2 Answers 2

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Related