我在相应的文件夹下创建了home组件和detail组件，代码是差不多的：

import React, { Component } from 'react'

class Home extends Component {

    render() {

        return <div>Home</div>

    }

}

export default Home

这是跟组件的代码：

import React, { Component, Fragment } from 'react';

import { Provider } from 'react-redux';

import { BrowserRouter, Routes, Route } from 'react-router-dom'

import Header from './common/header'

import Home from './pages/home';

import Detail from './pages/detail';

import store from './store'

class App extends Component {

  render() {

    return (

      <Provider store={store}>

        <Fragment>

          <Header />

          <BrowserRouter>

            <Routes>

              <Route path='/' exact component={Home}/>

              <Route path='/detail' exact component={Detail}/>

            </Routes>

          </BrowserRouter>

        </Fragment>

      </Provider>

    );

  }

}

export default App;