我为路由器内部的两个组件定义了两条路由,并在边栏中的链接中使用了“链接到”,但是问题是只有一个路由链接有效,而另一条链接路由无效。当我编写它们时,我在路由中定义的路径有效,但是当我使用链接路由到那些路径时,它只能工作一次。
import React, { Component } from "react";
import ReactDOM from 'react-dom';
import Menu from "./menu.js" `Component 1`
import Table from "./table.js" `Component 2`
import "./styless.css";
import {BrowserRouter as Router,Route, Switch} from 'react-router-dom';
class App extends Component {
render() {
return (
<Router>
<div>
<Menu />
<Switch>
{/* For Apple*/}
<Route path="/AAPL" exact
render={(props) => <Table {...props} name="AAPL"/>}
/>
{/* For Google */}
<Route path="/GOOG"
render={(props) => <Table {...props} name="GOOG"/>}
/>
</Switch>
</div>
</Router>
);
}
}
const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);