Javascript 如何在react中正确运行css加载？

我正在学习react，并试图在我的个人项目中加入一些CSS。我正在搜索它，我找到了几种方法：

javascript

npm run eject 
// and modifi the path [name]__[local]__[]

import Classes from '.../css/style.css'
//using this method

<link rel="stylesheet" src="./css/styles.css">
// in HTML file 

//adding react glamor

javascript
运行弹出
//并修改路径[名称]\uuuuuu[本地]\uuuuu[]
从“…/css/style.css”导入类
//使用这种方法
//在HTML文件中
//增添魅力

---

哪种方法正确？例如，Hi仅在组件中导入

import './my-style.css'

在组件jsx中，通常调用clasname

<div className="my-class-css">
   ...
</div>

...

像这样：

import React, {Component} from 'react';
import './my-style.css'
class MyComponent extends Component{
    render(){
        return(
            <div className="my-class-css">
                ....
            </div>
        )
    }
}

export default MyComponent;

import React，{Component}来自'React'；
导入“./my style.css”
类MyComponent扩展组件{
render（）{
返回(
....
)
}
}
导出默认MyComponent；

例如，Hi仅在组件中导入

import './my-style.css'

在组件jsx中，通常调用clasname

<div className="my-class-css">
   ...
</div>

...

像这样：

import React, {Component} from 'react';
import './my-style.css'
class MyComponent extends Component{
    render(){
        return(
            <div className="my-class-css">
                ....
            </div>
        )
    }
}

export default MyComponent;

import React，{Component}来自'React'；
导入“./my style.css”
类MyComponent扩展组件{
render（）{
返回(
....
)
}
}
导出默认MyComponent；