React/ CSS :在React应用程序中使用CSS样式表？

const styles = {
  container: {
    backgroundColor: 'red',
    padding: '10px',
    color: 'white',
  },
};

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

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

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

import styled from 'styled-components';

const Container = styled.div`
  background-color: red;
  padding: 10px;
  color: white;
`;

function MyComponent() {
  return <Container>Hello World</Container>;
}