父组件给子组件传递样式

父组件可以通过props将样式对象传递给子组件。在父组件中，你可以定义一个样式对象，然后将其作为props传递给子组件。子组件可以接收这个props，并将其应用在自己的元素上。

假设你的父组件是ParentComponent，子组件是ChildComponent，你想传递一个名为style的样式对象给子组件。

在父组件中，你可以这样定义样式对象：

const style = {
  color: 'red',
  fontSize: '16px',
};

然后，在父组件中将这个样式对象作为props传递给子组件：

<ChildComponent style={style} />

在子组件中，你可以像下面这样接收并应用这个样式对象：

const ChildComponent = (props) => {
  return (
    <div style={props.style}>
      // 子组件的内容
    </div>
  );
};

这样，父组件定义的样式对象就会被应用在子组件的元素上。当然，你可以根据需要将更多的样式属性传递给子组件，只需要在父组件中定义相应的属性，并将它们传递给子组件即可。