如何将样式应用于react组件

const styles = {
  backgroundColor: 'red',
  fontSize: '16px',
  color: 'white',
};

function MyComponent() {
  return <div style={styles}>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;
  font-size: 16px;
  color: white;
`;

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

import 'bootstrap/dist/css/bootstrap.min.css';

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