在react中使用多个样式属性

const styles = {
  color: 'red',
  fontSize: '16px',
  fontWeight: 'bold'
};

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 StyledDiv = styled.div`
  color: red;
  font-size: 16px;
  font-weight: bold;
`;

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