React 16.13.1 CSS 模块类不适用答案

【问题标题】：React 16.13.1 CSS module class not applyingReact 16.13.1 CSS 模块类不适用
【发布时间】：2020-09-07 02:47:41
【问题描述】：

我有一个包含文件的 Person 文件夹：

Person.js

Person.module.css

在 css 模块文件中我有类

.Person {
    width: 60%;
    margin: 16px auto;
    border: 1px solid #eee;
    box-shadow: 0 2px 3px #ccc;
    padding: 16px;
    text-align: center;
}

然后在我的 Person.js 文件中

import React from 'react';
import Radium from 'radium';
import classes from './Person.module.css';

const person = (props) => {
    const style = {
        '@media(min-width: 500px)': {
            width: '450px'
        }
    }

    return (
        <div  className={classes.Person}>
            <p onClick={props.click}>I'm {props.name}! and I am {props.age} years old!</p>
            <p>{props.children}</p>
            <input type="text" onChange={props.changed} value={props.name}/>
        </div>
    )
};

export default Radium(person);

最后在应用组件中，我导入 Person 组件并渲染它。我的问题是没有应用 css 类，当我检查 DOM 时，Person div 没有类

不知道我做错了什么

【问题讨论】：

标签： css reactjs react-css-modules

【解决方案1】：

我认为问题在于我使用命令创建了应用程序

create-react-app css-module-test --scripts-version 1.1.5

旧的脚本版本意味着 css 模块功能不可用

【讨论】：