如何将全局样式应用于react组件库？

// global.css

/* 全局样式定义 */
body {
  font-family: Arial, sans-serif;
  background-color: #f5f5f5;
}

/* 其他全局样式... */

// index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import './global.css'; // 引入全局样式文件

ReactDOM.render(<App />, document.getElementById('root'));

// MyComponent.js

import React from 'react';
import './global.css'; // 引入全局样式文件

const MyComponent = () => {
  return (
    <div className="my-component">
      {/* 组件内容 */}
    </div>
  );
};

export default MyComponent;

// MyComponent.js

import React from 'react';
import styles from './MyComponent.module.css'; // 引入CSS模块化样式

const MyComponent = () => {
  return (
    <div className={styles.myComponent}>
      {/* 组件内容 */}
    </div>
  );
};

export default MyComponent;