有没有办法将内联样式规则传递给所有孩子？

import React from 'react';

function ParentComponent({ children, style }) {
  return (
    <div>
      {React.Children.map(children, child => {
        return React.cloneElement(child, { style });
      })}
    </div>
  );
}

export default ParentComponent;

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

function App() {
  return (
   <ParentComponent style={{ color: 'red' }}>
      <div>Child 1</div>
      <div>Child 2</div>
      <div>Child 3</div>
    </ParentComponent>
  );
}

export default App;