我想為我的工作 Web 應(yīng)用程序創(chuàng)建新的路由，但是他們使用路由的方式并不是我認(rèn)為它們會(huì)被使用的方式。本質(zhì)上，我想添加新路線并能夠像按鈕一樣單擊 say，這將帶我到我想去的所需路線。它在我們的應(yīng)用程序中的設(shè)置方式是您實(shí)際上必須手動(dòng)進(jìn)入瀏覽器并輸入擴(kuò)展路徑才能訪問該路由，這似乎不是一個(gè)好方法。現(xiàn)在我為我們的庫存系統(tǒng)設(shè)置了一條路線。您可以通過鍵入localhost::3000/inventory來訪問此路由。在這個(gè)主頁上出現(xiàn)了一些按鈕，當(dāng)點(diǎn)擊這些按鈕時(shí)會(huì)呈現(xiàn)該特定組件。而不是這樣做，我寧愿設(shè)置另一個(gè)像/additem這樣的路徑到庫存路徑，這樣當(dāng)我點(diǎn)擊添加項(xiàng)目按鈕時(shí)，它會(huì)帶我到路徑localhost::3000/inventory/additem并呈現(xiàn)該組件.這是我們的 index.js 文件的樣子以供參考import "babel-polyfill";import 'core-js/es6/map';import 'core-js/es6/set';import 'core-js/fn/array/find';import 'core-js/fn/array/includes';import 'core-js/fn/number/is-nan';import React from 'react';import ReactDOM from 'react-dom';import './index.css';import App from './App';import ServiceReport from './imports/ServiceReportUI/ServiceReport'import './StyleSheets/ServiceReport.css';import InventorySystem from './imports/InventorySystem/InventorySystem.js';import AddNewItemBtn from "./imports/InventorySystem/AddNewItemBtn";import { BrowserRouter, Route, Link, Switch } from 'react-router-dom' ReactDOM.render((    <BrowserRouter>        <Switch>            <Route exact path='/' component={App}/>            <Route path='/service' component={ServiceReport} />            <Route exact path='/inventory' component={InventorySystem} />        </Switch>    </BrowserRouter>), document.getElementById('appRoot'));我認(rèn)為像這樣添加另一條路線可以解決問題：<Route exact path='/inventory/additem' component={AddItem} />我將通過執(zhí)行以下操作從我的 InventorySystem.js 文件中訪問該路由：Class InventorySystem extends React.Component{ constructor(props){  super(props);  this.state = {} } goTo(e){  //go to Add Item path } render(){  return(  <button onClick={this.goTo.bind(this)}>Add Item</button>  ) }}我對(duì) React Router 了解不多，我也不確定這是否是解決此問題的正確方法，但任何幫助或建議都會(huì)很棒！