react-css-modules怎么配置

使用 `react-css-modules` 需要进行以下配置：

首先安装依赖包：

npm install react-css-modules --save
npm install babel-plugin-transform-decorators-legacy --save-dev

在 babel 配置文件 `.babelrc` 中添加 `transform-decorators-legacy` 插件：

{
  "plugins": [
    "transform-decorators-legacy"
  ]
}

在 webpack 配置文件中添加 `css-loader`：

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          'style-loader',
          'css-loader'
        ]
      }
    ]
  }
};

然后在组件中使用 `react-css-modules`：

import React from 'react';
import CSSModules from 'react-css-modules';
import styles from './MyComponent.css';

class MyComponent extends React.Component {
  render() {
    return (
      <div styleName="container">
        <h1 styleName="title">Hello, World!</h1>
      </div>
    );
  }
}

export default CSSModules(MyComponent, styles);

在上面的示例中，`styles` 是一个对象，其中包含了组件的样式。`styleName` 属性用于指定样式的名称，它会自动从 `styles` 对象中查找对应的样式。