Question

我刚刚开始使用我的网络应用程序来学习React.Js，我想知道，基于我在互联网上看到的很多例子，是否更好地使用react-bootstrap组件或使用纯HTML？ / p>

与NavBar一样，我应该使用import { NavBar } from 'react-bootstrap';并使用该组件或使用纯{html，例如<div class="navbar"><div/>。只是如果我想个性化它的设计，比如CSS，它如何与反应一起工作？

感谢您的时间

Answer 1

事情是，没有单一的方式来设置组件的反应。

如果你想使用最简单的解决方案，你可以拥有一个好的旧style.css文件，其中包含你需要的所有样式。将其包含在index.html中，您就完成了。

其他方式包括css-modules，js样式库（如aphrodite或iridium），解决方案（如jss）或解决方案（如styled-components。

在开发我的个人项目时，我已经经历了所有可能的样式方式（除了jss），首先是保留一个单独的scss项目，仅用于样式，而不是css模块，然后是aphrodite，最后是{{1}由于良好的IDE支持（我的情况下是webstorm），我发现它最实用且易于使用。

如果你决定试用styled-components样式组件，那就是创建自定义样式导航栏的方法：

styled-components

为了使这个工作，NavBar组件应该接受className prop，我认为它确实如此。也许你必须添加！重要，取决于具体情况。