css - 使用 reactstrap 将 Bootstrap Studio 渲染导入 React 时出现问题

Question

我正在开发一个项目，设计师正在使用 BootStrap studio，它使用 BootStrap 4 导出为 html，并且我正在使用 reactstrap 将导出的文件转换为 React 组件。

我面临着类和样式规则的问题，因为原始文件继承自 7 个不同的文件。转换以下内容的最佳方法是什么：

         <div id="nav-bars">
        <nav class="navbar navbar-light navbar-expand-md" id="top-nav" style="background-color:rgba(0,0,0,0.5);color:rgb(255,255,255);">
            <div class="container-fluid"><a class="navbar-brand" href="#" style="background-image:url(&quot;assets/img/logoalt copy.png&quot;);padding-right:5px;background-size:contain;margin-right:0;padding-left:5px;background-position:center;">&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</a>

在保留 CSS 规则的同时加入反应组件？

Answer 1

JSX 要求您使用 className= 而不是 class=

请参阅：https ://reactjs.org/docs/faq-styling.html