你可以使用CSS Modules或styled-components（如emotion）来将你的css范围扩展到React中的组件。我不认为你会需要，如果你使用顺风，因为它服务的实用程序类。

您需要使用CSS模块。创建your-component.module.scss或css文件并导入，如

import styles from './your-component.module.scss';

...
 <div className={styles.yourClass}> ... </div>
...

字符串
既然你来自Vue，CSS-in-JS可能更适合你。你有很多选项，如StyledComponents、Linaria、Emotion等。

您可以使用样式化组件或CSS模块。下面是如何在Navbar.jsx中使用CSS模块
创建Navbar.module.css文件。

.navbar{
    display: flex;
    justify-content: center;
}
.logo{
    display: inline-block;
}

//add your CSS classes

字符串
在Navbar.jsx文件中导入CSS文件

import classes from './Navbar.module.css'

型
在`Navbar.jsx '中使用这些类

<nav className={classes.navbar}>...</nav>;

型
class变量将包含CSS类作为属性。
了解更多关于CSS Modules