Reactjs Js：从React组件或纯HTML设置样式

为了学习React.Js，我刚开始使用我的web应用程序，我想知道，基于我在互联网上看到的许多示例，使用

React引导组件还是使用纯HTML更好

与NavBar一样，我是否应该从'react bootstrap'使用
import{NavBar}
并使用组件或纯html，如
。只是如果我想个性化它的设计，比如CSS，它是如何与react一起工作的

感谢您抽出时间
问题是，react中没有单一的组件样式设置方法

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

其他方法包括
css模块
、js样式库（如
aphrodite
或
iridium
）、解决方案（如
jss
）或解决方案（如
样式化组件
）

在开发我的个人项目的过程中，我经历了所有可能的样式设置方式（jss除外），一开始只保留一个单独的scss项目用于样式设置，而不是css模块，然后是aphrodite，最后是
样式化组件
，由于良好的IDE支持，我发现它是最实用、最容易使用的（就我而言，是网络风暴）

如果您决定试用
样式化组件
样式化组件的方式，您将如何创建自定义样式的导航栏：

import styled from 'styled-components';
import { NavBar } from 'react-bootstrap';

export const MyNavBar = styled(NavBar)`
    background-color: red;
`;

// somewhere...
<MyNavBar />

从“样式化组件”导入样式化；
从'react bootstrap'导入{NavBar}；
导出常量MyNavBar=已设置样式（NavBar）`
背景色：红色；
`;
//某处。。。

要实现这一点，NavBar组件应该接受className prop，我想它会接受。也许你必须添加！重要信息，这取决于具体情况。
问题是，react中没有单一的组件样式设置方法

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

其他方法包括
css模块
、js样式库（如
aphrodite
或
iridium
）、解决方案（如
jss
）或解决方案（如
样式化组件
）

在开发我的个人项目的过程中，我经历了所有可能的样式设置方式（jss除外），一开始只保留一个单独的scss项目用于样式设置，而不是css模块，然后是aphrodite，最后是
样式化组件
，由于良好的IDE支持，我发现它是最实用、最容易使用的（就我而言，是网络风暴）

如果您决定试用
样式化组件
样式化组件的方式，您将如何创建自定义样式的导航栏：

import styled from 'styled-components';
import { NavBar } from 'react-bootstrap';

export const MyNavBar = styled(NavBar)`
    background-color: red;
`;

// somewhere...
<MyNavBar />

从“样式化组件”导入样式化；
从'react bootstrap'导入{NavBar}；
导出常量MyNavBar=已设置样式（NavBar）`
背景色：红色；
`;
//某处。。。

这个组件应该接受CaseNo.PROP，我想是的。也许你必须添加。重要的，取决于情况。NSWER，但是如果我想以某种方式定制它们呢？在某些方面？嗨，评论变成大的，作为评论发表，所以我粘贴它作为一个答案，以防万一，有几十个自举类型的图书馆……语义，基础，小如BulMA等，他们中的大多数也有他们的反应谢谢你的回答，但是如果我想以某种方式定制它们呢？在某些方面？嗨，评论变得很大，可以作为评论发布，所以我将其粘贴在下面作为答案