Get props from route

RouteProps.js

class Index extends React.Component {
    componentDidMount() {
        const {branch: branches, location} = this.props;

        const component = branches.filter(branch => branch.childRoutes)
            .map(branch => branch.childRoutes.find(childRoute => childRoute.path === location.pathname))
            .reduce(element => element);

        console.log(component.foo); // LOG: bar
    }

    render() {
        return (
            <div className="index">
                <h1>Index Page</h1>
            </div>
        );
    }
}

export default Index;



/*
<Route path={route.for("Index")} foo={"bar"} component={Index} />
*/