Using React-Router to link within a page

Question

I'm trying to make an anchor tag which will link to a location within the same page (like this)

However React-Router hijacks that, and and routes me to nothing, as I haven't established that link in the hierarchy. So it sends me to the root location of that name, instead of a location on the same page.

This react router or what?

mpen
– mpen

2015-07-28 23:58:28 +00:00
Commented Jul 28, 2015 at 23:58 — mpen
– mpen, Commented Jul 28, 2015 at 23:58

Rei Dien · Accepted Answer · 2015-07-29 00:42:22Z

1

if i understand your question, you can use hashlocation instead of history location. like this

ReactRouter.run(routes, hashlocation, (Handler) => {
  React.render(<Handler/>);
});

answered Jul 29, 2015 at 0:42

Rei Dien

19613 bronze badges

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

6 Comments

ChadF Over a year ago

The router defaults to hashlocation and is already using that from root. I don't believe you can sub-hash a hashlocation.

Rei Dien Over a year ago

just create an ordinary link tag. tested and worked. also use historylocation. <a href="#idOfComponent>Show</a>

ChadF Over a year ago

It seems Router.HistoryLocation only works when pairing with a server. I'm running a simple client-side app.

Rei Dien Over a year ago

i dont get what you mean. how are you suppose to run react router without a server?

PositiveGuy Over a year ago

Related question in reference to your answer. Hoping you can help me clarify what different things are here. I'm using <Router history={browserHistory} /> so I don't get how I can relate what I"m using to your answer....what is hashLocation vs. historyLocation? I think I'm using historyLocation which is browserHistory???

|

Collectives™ on Stack Overflow

Using React-Router to link within a page

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related