Question

我有以下组件 -

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;

此外，我向index.html添加了一个nav.css文件，以便对boostrap样式进行一些更改。

问题在于输入＆＃34; webkis /：user＆＃34; url风格只有boostrap样式而没有更改nav.css文件。如果可以解释原因，还要提一些常用的方法用于样式组件（不是内联样式）。

感谢。

Answer 1

将nav.css放在与NavigationBar.js相同的文件夹中，然后在导入列表中添加以下行：import './nav.css'

反应组件样式方法

1 个答案: