如何通过带有样式化组件的道具传递样式，而不必在组件内部创建组件

// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  // 定义样式对象
  const style = {
    color: 'red',
    fontSize: '16px',
    fontWeight: 'bold',
  };

  return (
    <div>
      <ChildComponent style={style} />
    </div>
  );
};

export default ParentComponent;

// 子组件
import React from 'react';

const ChildComponent = (props) => {
  // 通过props获取传递的样式对象
  const { style } = props;

  return (
    <div style={style}>
      这是一个带有样式的组件
    </div>
  );
};

export default ChildComponent;