我如何设置CSS模块的反应？

Question

我想第一次在一个css-modules学习项目上设置React。

我已经了解到，在react-app +2上，我不需要eject来运行css-modules。我尝试在此链接中学习这个过程，但没有成功，因为css-模块设置已经从文档中消失了。

我使用webstorm创建了一个react项目。我也找不到我的webpack.config.js文件。

请你再解释一下我如何在我的项目上完成这个任务？

我尝试了以下几点：

App.js文件

import React, {Component} from 'react';
import classes from './App.css';
import UserOutput from './Components/UserOutput/userOutput'

//...code in between

 return (
            <div className={classes.App}> //I have tested this, but it does not work
                <h1>This is a ReactJs exercise App!</h1>
                <h2 className={assignedClasses.join(' ')}>Cool Cards are being displayed below</h2>
                {types}
                <br/>
                <button className={btnClasses.join(' ')} onClick={this.hideComponentHandler}>V-if in React</button>
            </div>
        )

App.css文件

.App {
  margin: 10px;
  padding: 10px;
  text-align: center;
}

Answer 1

尝试将文件名从App.css更改为App.module.css