react router doesn't render component

Question

i develop my project with react-router.

below is my code.

const App2 = React.createClass({
    render() {
        return (
            <div>
                <Link to="index">index</Link>
                <Link to="favorite">favorite</Link>
                <Link to="myPage">myPage</Link>
                {this.props.children}
            </div>
        )
    }
});

var app = ReactDOM.render (
    <Router history={browserHistory}>
        <Route path="/" component={App2}>
            <Route path="index" component={PhotoFeedWrapper}/>
            <Route path="favorite" component={FavoriteWrapper}/>
            <Route path="myPage" component={MyPageWrapper}/>
        </Route>
    </Router>,
    document.getElementById('app')
);

i think my code right. but, this render empty like below.

<div id="app"><!-- react-empty: 1 --></div>

there is no script error.

What did I do wrong?

How are you accessing it? Using http://localhost/index? Also, can you post your other components to see if they are correct? — William Martins
– William Martins, Commented Jul 7, 2016 at 1:07
@WilliamMartins No, i accessing it http://localhost:8080/contextPath/index. i don't use it on node. i use it with spring and UMD build. so, i use like that. other component is correct — Hyeonil Jeong
– Hyeonil Jeong, Commented Jul 7, 2016 at 1:14
@WilliamMartins thank you for your help. i didn't know that uri must match. — Hyeonil Jeong
– Hyeonil Jeong, Commented Jul 7, 2016 at 1:33

xiaofan2406 · Accepted Answer · 2016-07-07 05:20:41Z

1

Link component currently only support absolute path. You have to change to:

<Link to="/index">index</Link>
<Link to="/favorite">favorite</Link>
<Link to="/myPage">myPage</Link>

answered Jul 7, 2016 at 5:20

xiaofan2406

3,3105 gold badges29 silver badges36 bronze badges

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

1 Comment

xiaofan2406 Over a year ago

I saw your Link set up then I immediately posted this. Then I realize this doesn't answer your original question. But it does fix one other error in your code. :P

Collectives™ on Stack Overflow

react router doesn't render component

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related