import React, { Component } from 'react';
import ReactDOM from 'react-dom/client';
import btnStyles from './btn.module.css';
// CRA中默认支持css module, 但是需要将css文件名改为xxx.module.css
// 本质上就是将这个css文件放入到页面中的时候,把里面的选择器都替换成自动生成的类名
// 然后import导入这个css module文件的时候, 会返回一个对象, 这个对象中的属性名就是原来的选择器名, 属性值就是自动生成的类名
const root = ReactDOM.createRoot(document.getElementById('root'));
const App = () => {
return (
<div>
<button className={btnStyles.btn}>button</button>
<button className={[btnStyles.btn, btnStyles.btn__error].join(' ')}>error</button>
</div>
)
}
root.render(
<App />
)
react-9(模块样式)
于 2023-05-31 18:22:56 首次发布