React-Router不会渲染所有组件

时间:2020-02-03 12:33:55

标签: react-router

我为路由器内部的两个组件定义了两条路由,并在边栏中的链接中使用了“链接到”,但是问题是只有一个路由链接有效,而另一条链接路由无效。当我编写它们时,我在路由中定义的路径有效,但是当我使用链接路由到那些路径时,它只能工作一次。

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);

0 个答案:

没有答案