web_development:js:react:routes

React Router

import React from 'react';
import { render } from 'react-dom';
import Router from './components/Router';
import './css/style.css';
 
render( <Router />, document.querySelector( '#main' ) );

- index.js

import React from 'react';
import { BrowserRouter, Route, Switch } from 'react-router-dom';
import StorePicker from './StorePicker';
import App from './App';
import NotFound from './NotFound';
 
const Router = () => (
    <BrowserRouter>
        <Switch>
            <Route exact path="/" component={ StorePicker }  />
            <Route exact path="/store/:storeId" component={ App } />
            <Route exact component={ NotFound } />
        </Switch>
    </BrowserRouter>
)
 
export default Router;

- Router.js

  • web_development/js/react/routes.txt
  • Last modified: 2020/09/18 03:31
  • by jimboobrien