如何在ReactJS中更改可用组件的样式

const styles = {
  container: {
    backgroundColor: 'red',
    padding: '10px',
    borderRadius: '5px',
  },
  text: {
    color: 'white',
    fontSize: '16px',
  },
};

function MyComponent() {
  return (
    <div style={styles.container}>
      <p style={styles.text}>Hello, World!</p>
    </div>
  );
}

import styles from './MyComponent.module.css';

function MyComponent() {
  return (
    <div className={styles.container}>
      <p className={styles.text}>Hello, World!</p>
    </div>
  );
}

import { Button } from 'antd';

function MyComponent() {
  return (
    <div>
      <Button type="primary">Click me</Button>
    </div>
  );
}