React中使用CSS的N种方式

const div1 = {
  width: "300px",
  margin: "30px auto",
  backgroundColor: "#44014C",  //驼峰法
  minHeight: "200px",
  boxSizing: "border-box"
};

...省略部分代码

render() {    
　　return (     
　　　　<div style={div1}>123</div> 
 　 );  
}

import ‘./assets/index.css‘
import ‘/assets/main.scss‘

imort index from ‘./assets/index.css‘

<div className = {index.app}>这是app</div>

{
  test: /\.css$/,
  use: [
    ‘style-loader‘,
    {
      loader: ‘css-loader‘,
      options: {
        modules: true
      }
    }
  ]
}

首先进行安装 yarn add styled-components
文档：https://styled-components.com/

首先进行安装 yarn add radium
文档：https://formidable.com/open-source/radium/