Javascript 不要应用css样式

从“React”导入React；
从“react dom”导入react dom；
从“./App”导入应用程序；
从“./registerServiceWorker”导入registerServiceWorker；
从“./blocks/Nav”导入导航；
导入'bootstrap/dist/css/bootstrap.css'；
ReactDOM.render（，document.getElementById（'root'）；
registerServiceWorker（）

类的
属性在React中无效，这是因为它是一个保留的关键字，请改用
类名

在您的block/Nav.js中

import React from 'react';


export default class Nav extends React.Component {
    render() {
        return (

        <div id="top-nav" className="navbar navbar-inverse navbar-static-top">
            <div className="container">
                <div className="navbar-header">
                    <button type="button" className="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span className="icon-toggle"></span>
                    </button>
                    <a className="navbar-brand" href="#">Dashboard</a>
                </div>
                <div className="navbar-collapse collapse">
                    <ul className="nav navbar-nav navbar-right">

                        <li className="dropdown">
                            <a className="dropdown-toggle" role="button" data-toggle="dropdown" href="#"><i className="glyphicon glyphicon-user"></i> Admin <span className="caret"></span></a>
                            <ul id="g-account-menu" className="dropdown-menu" role="menu">
                                <li><a href="#">My Profile</a></li>
                            </ul>
                        </li>
                        <li><a href="#"><i className="glyphicon glyphicon-lock"></i> Logout</a></li>
                    </ul>
                </div>
            </div>
        </div>

        )
    }
}

从“React”导入React；
导出默认类Nav.Component{
render（）{
返回(








)
}
}

希望这有帮助
 请使用演示问题的堆栈片段（
[]
工具栏按钮）以可运行的方式更新您的问题。堆栈代码段支持React，包括JSX。React呈现的元素在CSS如何应用于它们方面没有什么特别之处。我认为bootstrap要求您向组件添加类？@KrisSelbekk:它的样式很多，没有类，但是是的，它的许多功能确实需要类。例如，hidar，对于Bootstrap的导航内容，您需要在各种元素上使用
class=“nav”
和
class=“nav link”
和
class=“nav item”
：在主js文件中导入Bootstrap.min.css，在2017年，使用
className
来代替没有充分理由的东西。从ES5（2009）开始，使用关键字作为文本属性名是完全有效的。即使在2011年，当React第一次启动时，他们也没有理由不处理
类
（在JSX层为旧浏览器重写）。真是令人震惊，这么多年后，它仍然在那里绊倒人们。其他使用JSX的框架可以很好地处理它。@T.J.Crowder不要向messenger开枪^^“我也不明白，它应该很容易被捕获为一个属性。。。这就是我想的，哦，不是向你开枪。只是说这把脚踏枪在那里太愚蠢了，更糟的是它还在那里。：-）有允许您使用类和类名的多边形填充。它已经被添加到我正在开发的应用程序中，但我不确定它是如何完成的（可能是网页？）。@Alex当然有，我肯定从本期开始就有，但令人惊讶的是，它仍然是一个问题。