Reactjs 如何在React with React router中设置动态路由

我想将动态路由添加到以下路由，但无论何时添加它。我的CSS没有加载。我使用的是

react路由器dom 4.1.1

我正在

index.html

页面中直接导入CSS。我只有一个

css

文件，直接导入

index.html

。 我在控制台上遇到这个错误

资源被解释为样式表，但使用MIME类型text/html进行传输：

我的CSS文件路径也在改变

http://localhost:3000/users/css/demo.css

应该是这样的

http://localhost:3000/css/demo.css

这意味着用户也将被添加到CSS文件路径中

以下是我的路线：

import { BrowserRouter as Router, Route, NavLink }from 'react-router-dom';

class Routes extends Component {

  render() {
    return (
      <Router>
      <div>
        <header className="header-basic">
          <div className="header-limiter">
            <h1><NavLink exact to="/">Test</NavLink></h1>
            <nav>
              <NavLink activeClassName="selected" exact to="/">Sign Up</NavLink>
              <NavLink activeClassName="selected" to="/event">Create Event</NavLink>
              <NavLink activeClassName="selected" to="/users">Admin Page</NavLink>
              <NavLink activeClassName="selected" to="/eventlist">Events List</NavLink>
            </nav>
          </div>
        </header>
        <Route exact path="/" component={Registration} />
        <Route path="/users" component={AdminPage} />
        <Route path="/event" component={Event} />
        <Route path="/eventlist" component={EventList} />
        # When I am adding here I am able to get to the page but all my CSS is not loading. In fact plain text is coming.
      </div>
      </Router>
    );
  }
}

export default Routes;

---

}

为什么要动态添加任何特定原因？没有得到这个，它在每个组件下面？我想在点击他们的ID时加载不同的用户页面。在/users页面上。因此，我想从这里加载/users/：user，我将了解您尝试在AdminPage组件内添加动态路由的用户是谁？不，我没有尝试在AdminPage组件内添加动态路由。按照您现在的方式，当您输入url“/users/5”时，/users”和“/users/：id”都匹配。这两个组件都将出现。

<Route path="/users/:user" component={User} />

{
  "name": "affairal",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "axios": "^0.16.1",
    "react": "^15.5.4",
    "react-datepicker": "^0.46.0",
    "react-dom": "^15.5.4",
    "react-router-dom": "^4.1.1"
  },
  "devDependencies": {
    "react-scripts": "0.9.5"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }