Javascript 反应应用路由器

为什么在我访问应用程序的任何页面时不工作？

您需要这样指定

import React, { Component } from 'react';
import './App.css';
import {Switch,Route} from 'react-router-dom';
import 'bootstrap/dist/css/bootstrap.min.css';
import Navbar from './componants/Navbar';
import ProductList from './componants/ProductList';
import Details from './componants/Details';
import Default from './componants/Default';
import Cart from './componants/Cart';

class App extends Component {
  render() {
    return (
      <React.Fragment>
        <Navbar />
       <Switch>
         <Route exact path={'/'} Component={ProductList} />
         <Route path={'/Details'} Component={Details} />
         <Route path={'/Cart'} Component={Cart} />
         <Route Component={Default} />
        </Switch>
      </React.Fragment>
    );
  }
}

export default App;

---

查看路径

请详细说明您的问题。你不工作是什么意思？错误消息、屏幕截图、index.js的外观如何？

<Route exact path="/" component={PlaceOrder} />
<Route path="/updatepredicted" component={UpdatePredicted} />
<Route path="/kitchen" component={Kitchen} />