反應的組分的造型方法

我有這個下面的組件 -反應的組分的造型方法

import React from 'react'; 
import {Route, Link} from 'react-router-dom' 
import Error from './Error' 

class NavigationBar extends React.Component { 
    render() { 
     return (
      <div className="nav"> 
       <nav className="navbar navbar-inverse bg-inverse"> 
        <ul className="nav navbar-nav"> 
         <li className="nav-item"> 
          <Link to={"/data"} className="nav-link"> Data </Link> 
         </li> 
         <li className="nav-item"> 
          <Link to={"/analysis"} className="nav-link"> Analysis </Link> 
         </li> 
         <li className="nav-item"> 
          <Link to={"/Monitor"} className="nav-link"> Monitor </Link> 
         </li> 
        </ul> 
       </nav> 
       <Route path={"/webiks/:user"} component={Error}/> 
      </div> 
     ); 
    } 
} 

export default NavigationBar;

此外，我增加了一個nav.css文件，以做出一些更改，自舉造型變成index.html。

問題是，當進入「webkis /：user」url時，樣式只有在沒有nav.css文件更改的情況下使用boostrap樣式。如果可以解釋原因，並且還提到一些常用方法的樣式組件（這不是內聯樣式）。

謝謝。在同一文件夾中NavigationBar.js

來源

2017-08-15 Barak michaeli

在你有你的CSS URLS情況下 - 確保他們都是絕對的（而不是相對）。圖像/字體應該以'/'開頭（而不僅僅是文件名）。 – Dekel

廣場nav.css，然後加入這一行的導入列表中：import './nav.css'

來源

2017-08-15 13:52:24 Win

反應的組分的造型方法

回答

相關問題