「JSX
「React」からのImport React;
{ruct-router-dom 'から{browserrouter、route、switch}をインポートします。
Import './App.CSS';
'../dashboard/dashboard'からダッシュボードをインポートします。
'../login/login'からログインをインポートします。
'../preferences/preferences'からの設定をインポートします。

function app（）{

  戻る （
    <div classname = "wrapper">
      <h1>アプリケーション</h1>
      <BrowsErrouter>
        <switch>
          <ルートパス= "/ダッシュボード">
            <ダッシュボード />
          </route>
          <route path = "/feprences">
            <設定 />
          </route>
        </switch>
      </browserrouter>
    </div>
  ）;
}

デフォルトアプリをエクスポートします。
`` `
```jsx
import React from 'react';
import { BrowserRouter, Route, Switch } from 'react-router-dom';
import './App.css';
import Dashboard from '../Dashboard/Dashboard';
import Login from '../Login/Login';
import Preferences from '../Preferences/Preferences';

function App() {

  return (
    <div className="wrapper">
      <h1>Application</h1>
      <BrowserRouter>
        <Switch>
          <Route path="/dashboard">
            <Dashboard />
          </Route>
          <Route path="/preferences">
            <Preferences />
          </Route>
        </Switch>
      </BrowserRouter>
    </div>
  );
}

export default App;
```