Как я могу правильно запустить css-load в реакции?

Question

Я учусь реагировать и пытаюсь добавить в свой личный проект немного 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

Какой правильный способ сделать это?

Answer 1

Привет только импорт в компоненте, например

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;