你可以在React中使用普通的CSS吗？

Question

我正在使用create-react-app并阅读了关于内联样式的坏消息，所以我想使用css模块，但目前它们不受create-react-app的支持。我真的可以在一个大文件中使用普通的旧css吗？还有这个方法，我如何设计一个反应组件。例如，我有一个组件，我给它一个类名：<card className="cardStyle" />。为什么这不起作用？我想睡觉，就像我将一个div一样。

Answer 1

这当然有可能，你可以在style.css中有普通的旧的CSS类的地方，但你必须确保你的应用程序包含了它，

例如在你的App.js

import './style.css' 

Answer 2

的标准方法是做到以下几点;

import React, { Component } from 'react'; 
 
import './Button.css'; // Tell Webpack that Button.js uses these styles 
 

 
class Button extends Component { 
 
    render() { 
 
    // You can use them as regular CSS styles 
 
    return <div className="Button" />; 
 
    } 
 
}

参见：https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-a-stylesheet