How to use onClick event on react Link component?

reactjs react-router react-redux
bier hier picture bier hier · Mar 15, 2017 · Viewed 170k times · Source

I am using the Link component from the reactjs router and I cannot get the onClickevent working. This is the code:

<Link to={this.props.myroute} onClick='hello()'>Here</Link>

Is this the way to do it or another way?

Answer

CodinCat picture CodinCat · Mar 15, 2017

You are passing hello() as a string, also hello() means execute hello immediately.

try

onClick={hello}

Related questions

React-router v4 this.props.history.push(...) not working

I'm trying to route programatically using this.props.history.push(..) but it doesn't seem to work. Here's the router: import { BrowserRouter as Router, Route } from 'react-router-dom'; <Router> <Route path="/customers/" exact component={CustomersList} /> <Route path="/…

Read More
Simple Conditional Routing in Reactjs

How to make conditional Routing, if and only if some conditions satisfies then only routing should happen. for example, if and only if the user enters the correct credentials login should be successful and the user should be able to …

Read More
React router, pass data when navigating programmatically?

We could navigate to different path using this.props.router.push('/some/path') Is there a way to send params (object) along when navigating? There are other options I can think of, but wonder if passing object is possible …

Read More