Question

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

Answer 1

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

e.g。在你的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

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

2 个答案: