Function ReactRouterModal

examples/basic/react-router/index.js:14–45

const shouldOpenModal = locationPath => /\bmodal\b/.test(locationPath);

const ReactRouterModal = props => (
  <Modal
    isOpen={shouldOpenModal(props.location.pathname)}
    onRequestClose={() => history.push("/basic")}>
    <div>
      <Link to="/basic/modal/a">Link A</Link><br />
      <Link to="/basic/modal/b">Link B</Link>
      <div>
        <Switch location={props.location}>
          <Route path="/basic/modal/a" component={Content('A')} />
          <Route path="/basic/modal/b" component={Content('B')} />
        </Switch>
      </div>
    </div>
  </Modal>
);

class App extends Component {
  render() {
    return (
      <Router history={history}>
        <div>
          <Link to="/basic/modal" className="btn btn-primary">Modal</Link>
          <Route path="/basic/modal" component={ReactRouterModal} />
        </div>
      </Router>
    );
  }
}

export default {
  label: "react-modal and react-router.",
  app: App
};