react中未应用外部css

我正在为react代码使用外部样式表。它不起作用。我的VS代码中有五个文件。index.html、index.js、AppC.js、AppC.css、UserC.js除了index.html之外，所有其他文件都在src中。我没有收到任何错误，只是css没有得到应用。（我没有更改index.html）（可以将App.js文件名更改为AppC.js或其他名称吗？我知道我们不能更改index.html和index.js）

**index.js**
从“./AppC”导入AppC
从“./UsersC”导入UsersC
ReactDOM.render（，document.getElementById（'root'））；
**AppC.js**
从“React”导入React，{Component}；
导入“/AppC.css”；
从“/UsersC”导入UsersC；
导出默认类AppC扩展组件{
render（）{
让风格=真实；
返回(
你好，Css
);
}
}
**AppC.css**
.txtg{
颜色：绿色；
}
.txtb{
颜色：蓝色；
}
**UserC.js**
从“React”导入React，{Component}；
导出默认类UsersC扩展组件{
render（）{
返回(
从标题
);
}
}

将

texg

更改为

txtg

 <React.Fragment>
      <h2 className= 'texg'> Hello Css </h2>
        //To
       <h2 className= 'txtg'> Hello Css </h2>
      <UsersC rang={style ? 'textg' : 'textb' } />
  </React.Fragment>   

你好，Css
//到
你好，Css

看起来您没有任何适用于DOM的css规则

texg

是唯一的类，没有css规则。您的类名是

textg

，但在css中您使用了

txtg

哪个css不适用？绿色的还是蓝色的

 <React.Fragment>
      <h2 className= 'texg'> Hello Css </h2>
        //To
       <h2 className= 'txtg'> Hello Css </h2>
      <UsersC rang={style ? 'textg' : 'textb' } />
  </React.Fragment>