Render https://hybrit.org/blog/combine-headless-wordpress-with-a-react-spa-part-1

App.js

// Import Router at the top of the page
import {
    BrowserRouter as Router,
    Link,
    Route
} from "react-router-dom";

render() {
        const { pages } = this.state;

        return (
          <Router>
            <Fragment>
                    {/* Links */}
                    <div class="topnav">
                        {pages.map((page, index) => {
                            return <Link to={page.slug}>{page.slug}</Link>;
                        })}
                    </div>

                    {/* Routing */}
                    {pages.map((page, index) => {
                        return (
                            <Route
                                exact
                                key={index}
                                path={`/${page.slug}`}
                                render={props => (
                                    <ExamplePage {...props} page={page} />
                                )}
                            />
                        );
                    })}
                </Fragment>
          </Router>
        );
    }