子组件改变父组件样式

要让子组件改变父组件的样式，可以通过向父组件传递回调函数来实现。具体步骤如下：

1. 在父组件中定义一个函数，用于改变样式的逻辑。例如，你可以将该函数命名为`changeStyle`。

2. 在父组件中将该函数作为props传递给子组件。在子组件中，你可以将它作为事件处理函数绑定到某个元素上。

3. 在子组件中触发事件时，调用父组件传递的回调函数，从而改变父组件的样式。

下面是一个示例代码：

// 父组件
import React, { useState } from 'react';
import ChildComponent from './ChildComponent';

function ParentComponent() {
  const [style, setStyle] = useState({}); // 父组件样式的初始状态

  const changeStyle = () => {
    setStyle({
      backgroundColor: 'blue', // 修改为你想要的样式
      color: 'white',
    });
  };

  return (
    <div>
      <ChildComponent changeStyle={changeStyle} />
      <div style={style}>父组件样式</div>
    </div>
  );
}

export default ParentComponent;

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

function ChildComponent({ changeStyle }) {
  return (
    <div>
      <button onClick={changeStyle}>改变父组件样式</button>
    </div>
  );
}

export default ChildComponent;

在上面的示例中，当点击子组件中的按钮时，会调用`changeStyle`函数，从而改变父组件的样式，使其背景色变为蓝色，字体颜色变为白色。你可以根据自己的需求修改样式和逻辑。