routing issues

[BHARAT703]

@coryhouse

Hi there, I am coming from plural sight.
Today I was configuring my router, but it seems like the code is not working any more.
see below snap.

so, what is a perfect way to resolve this issue?
I can see there are lots of discussion on this topic like this one #393

but as I am new to react, I don't know which one is correct. can you help me with this? thanks.

[kwelch]

The issue with this is not how you configured the route rather it is the syntax.

Here is what you have

export default {
	<Route path="/" component ={App} >
		<IndexRoute component={HomePage} />
		<Route path="about" component={AboutPage} />
	</Route>
};

This is on the right track but instead of returning this as an object, you need to format this as a function with that JSX returned.
Here is an updated version.

export default () => {
	return (
		<Route path="/" component ={App} >
			<IndexRoute component={HomePage} />
			<Route path="about" component={AboutPage} />
		</Route>
	);
};

By adding the arrow syntax this is now a function then we explicitly return the JSX.

I hope this helps!

[BHARAT703]

yes, it's worked. errors gone.

I got in wrong direction because I totally followed video.
see this snap of that class in video.

but anyway thanks for the help. really appreciate.

[coryhouse]

That snap of the video is correct - note that it's using parentheses, not curly braces. :)

[BHARAT703]

@coryhouse that's true, I just get confused when I saw errors first and then I started seeing conversation in #393, sorry guys..