React jsx组件中未显示SCSS效果

在React的jsx组件中未显示SCSS效果可能是由以下几个原因导致的：

1. 缺少SCSS编译器：SCSS是一种CSS预处理器，需要使用编译器将SCSS代码转换为浏览器可识别的CSS代码。确保你的项目中已经安装了SCSS编译器，比如node-sass或者sass-loader。
2. SCSS文件未正确引入：在jsx组件中使用SCSS样式时，需要确保正确引入SCSS文件。可以使用import语句将SCSS文件引入到组件中，例如：import './styles.scss'。
3. 样式类名未正确应用：在jsx组件中，使用className属性来添加样式类名。确保你正确地将样式类名应用到对应的元素上，例如：<div className="my-class">。
4. 样式冲突或覆盖：如果你的组件中存在多个样式文件或样式类名，可能会导致样式冲突或覆盖。确保你的样式文件和类名命名规范清晰，避免出现重复或冲突的情况。
5. 缓存问题：有时候，浏览器可能会缓存旧的CSS文件，导致新的SCSS样式未能生效。可以尝试清除浏览器缓存或者强制刷新页面，看看是否能够解决问题。

总结起来，要在React jsx组件中显示SCSS效果，需要确保安装了SCSS编译器，正确引入SCSS文件，正确应用样式类名，并避免样式冲突或覆盖的情况。如果问题仍然存在，可以进一步检查相关配置和代码，或者查阅React和SCSS的官方文档进行研究和解决。