lol.jsx

// pages/WelcomePage.jsx
export function WelcomePage(props) {
  return <h1>props.message</h1>;
}


// pages/AboutPage.jsx
export function AboutPage(props) {
  return (<ul>
    <li>props.teammate[0].name</li>
    <li>props.teammate[1].name</li>
  </ul>);
}


// app.js
import {WelcomePage, AboutPage} from “./pages”;
let Component = null;
switch(window.location) {
Case “/”: Component = WelcomePage;
Case “/about”: Component = AboutPage;
}
ReactDOM.render(
  <Component />,
  document.getElementById(“#content”)
);