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，并且必须在组件中包括该文件。我总是为每个班级创建一个班级名称。

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>
);
}
}

就完成了！它必须工作！

如何链接CSS样式表以响应类

1 个答案: