你可以在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