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

【问题标题】：Can you use normal CSS with React?你可以在 React 中使用普通的 CSS 吗？
【发布时间】：2017-06-22 16:37:02
【问题描述】：

我正在使用 create-react-app 并且已经阅读了有关内联样式的不好的内容，所以我想使用 css 模块，但是目前 create-react-app 不支持它们。我真的可以在一个大文件中使用普通的旧 css 吗？同样使用这种方法，我如何设置反应组件的样式。例如，我有一个组件，我给它一个类名：<card className="cardStyle" />。为什么这不起作用？我希望能够像放置 div 一样放置它。

【问题讨论】：

是的，你可以。 React 只是生成 HTML，它不会改变 CSS 的工作方式。

标签： reactjs

【解决方案1】：

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

例如有你的App.js

import './style.css'

【讨论】：

【解决方案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

【讨论】：