在react组件中添加常规样式

import React from 'react';

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

  return <div style={styles}>Hello World</div>;
};

export default MyComponent;

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

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

export default MyComponent;

import React from 'react';
import styled from 'styled-components';

const Container = styled.div`
  color: red;
  font-size: 16px;
  font-weight: bold;
`;

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

export default MyComponent;