css - 我如何链接 css 样式表来 react 类

Question

如何将 css 样式表附加到此组件类 div 这个包装 div

class Home extends Component {

          render() {
            return (

                <div class='wrapper'>
                                <NavMenu />
                                <HomeHeader />
                                <TopMain />
                                <HomeMain />
                                <Footer />
                      </div>
                );
              }
              }

              export default Home;

这是样式表 例如

.NavMenu {
…
…
…

}

这是真的吗？

或者这个例如==>>

    <NavMenu className='navmenu'/>
    <HomeHeader className='HomeHeader'>
....

Answer 1

您必须创建一个 css 文件，例如 App.css 并且您必须在您的组件中包含此文件。我总是为每个类(class)创建一个类(class)名称。

import React, {Component} from 'react';
import './App.css';

class App extends Component {
...
render(){
return(
    <div>
      <NavMenu className="classA"/>
      <HomeHeader className="classB"/>
      <TopMain className="classC"/>
      <HomeMain className="classA"/>
      <Footer className="classB"/>
    </div>
);
}
}

完成了! 它必须有效!