React组件样式方法

const styles = {
  container: {
    backgroundColor: 'red',
    padding: '10px',
    borderRadius: '5px',
  },
};

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;
  border-radius: 5px;
`;

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

import './MyComponent.scss';

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