CODEWITHSUNDEEP
javascriptjqueryreactjsreact-router
Jeffrey Liang
Jeffrey Liang

Reputation: 41

how to link in a page with React Router v1.0.0

I want to link to a specific section section of a page with react router a lot like how anchor tags would work in html. However, I couldn't find solutions with React Router version 1.0.0.

Currently, i have my router like this:

let history = createHashHistory({
    queryKey: false
});

<Router history={history}>
        <Route path="/" component={a}/>
        <Route path="/b" component={b}/>
        <Route path="/c" component={c}/>
        <Route path="/d" component={d}/>
        <Route path="/e" component={e}/>
        <Route path="/f" component={f}/>
        <Route path="/g" component={g}/>
 </Router>

and I am trying to link to a specific section in the components like

 <Link to="/b#{div_id}"> Go to section with div_id is component {b} </Link>

Upvotes: 4

Views: 237

Answers (1)

Kyeotic
Kyeotic

Reputation: 19847

There is currently an open issue on GitHub for this. It doesn't appear to be supported, but it should be supported when using HistoryLocation when this issue is fixed.

EDIT

This is no longer supported.

Upvotes: 1

Related Questions