如果css模块名称等于反应组件名称，则css模块不起作用

Question

文件结构：

src/
--- DatePicker/
--- --- index.js
--- --- style.module.scss

style.module.scss

.DatePicker {
  background: black;

  input {
    background: red;
  }
}

index.js

import React from 'react';
import CSS from "./style.module.scss";

export const DatePicker =(...props) => {
    return (
        <div className={CSS.DatePicker }>
                <input ref={inputRef}
                       type="text"
                       value={formattedDate}/>
        </div>
    )
};

没有错误的构建。类名称未添加到DOM。

如果将css模块重命名为“ asdasd”，则一切正常

Answer 1

将“ DatePicker”重命名为“ datePicker”。CSS模块不支持大写。