Index Back

Index Routes

A component for adding default components in a <Route>, so that this.props.children is not undefined.

<Router>
    <Route path="/" component={App}>
        <IndexRoute component={Home}></IndexRoute>
        <Route path="accounts" component={Accounts}></Route>
        <Route path="statements" component={Statements}></Route>
    </Route>
</Router>

Index Redirects

A component for redirecting / to one component:

<Router>
    <Route path="/" component={App}>
        <IndexRedirect to={Accounts}></IndexRoute>
        <Route path="accounts" component={Accounts}></Route>
        <Route path="statements" component={Statements}></Route>
    </Route>
</Router>

Index Links

<Link to="/">Home</Link> will always be active since every URL starts with /.

Therefore, we should use <IndexLink to="/">Home</IndexLink>, so that we can have a link to / that is only active when the Home route is rendered.

Comments Copyright © aleen42 all right reserved, powered by aleen42

Empty Comments

Sign in GitHub

As the plugin is integrated with a code management system like GitLab or GitHub, you may have to auth with your account before leaving comments around this article.

Notice: This plugin has used Cookie to store your token with an expiration.

authorize