如何使用样式化组件将样式从子对象传递到父对象

import styled from 'styled-components';

const StyledComponent = styled.div`
  /* CSS样式 */
`;

export default StyledComponent;

import React from 'react';
import StyledComponent from './StyledComponent';

const ChildComponent = ({ style }) => {
  return (
    <StyledComponent style={style}>
      {/* 子组件内容 */}
    </StyledComponent>
  );
};

export default ChildComponent;

import React from 'react';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  const style = {
    /* 样式对象 */
  };

  return (
    <div>
      {/* 父组件内容 */}
      <ChildComponent style={style} />
    </div>
  );
};

export default ParentComponent;