REACT JS TUTORIAL #7 - React Router Params & Queries


505   2   128375

Uploaded on 02/10/2016

React Router has great and simple features for accessing route params and query params. Let's get into them.


React JS #1: Intro & Workspace Setup (Coming Tues, Feb 2@11CST)

React JS #2: Anatomy of a Component (Coming Wed, Feb 3@11CST)

React JS #3: Composing Multiple Components (Coming Thurs, Feb 4@11CST)

React JS #4: State, Props & Data (Coming Fri, Feb 5@11CST)

React JS #5: Events & Data Changes (Coming Mon, Feb 8@11CST)

React JS #6: React Router & Intro to Single Page Apps (Coming Tues, Feb 9@11CST)

React JS #7: React Router Params & Queries

React JS #8 - React Inline Styles & Component Arrays

Comments (2):

By anonymous    2017-09-20

I had the same problem to show an user detail from my application.

You can do this:

<Link to={'/ideas/'+this.props.testvalue }>Create Idea</Link>


<Link to="ideas/hello">Create Idea</Link>


<Route name="ideas/:value" handler={CreateIdeaView} />

to get this via this.props.params.value at your CreateIdeaView class.

You can see this video that helped me a lot:

Original Thread

Recommended Books

    Submit Your Video

    If you have some great dev videos to share, please fill out this form.