react hook 孙子组件给父组件传值

React Hook是React 16.8版本引入的新特性，它可以让你在不编写class的情况下使用state以及其他的React特性。如果你想要在子组件中改变父组件的状态，可以通过在父组件中定义一个函数，将这个函数作为props传递给子组件，然后在子组件中调用这个函数并传递需要改变的值。具体实现步骤如下：
1. 在父组件中定义一个函数，用于改变父组件的状态。
2. 将这个函数作为props传递给子组件。
3. 在子组件中调用这个函数并传递需要改变的值。

下面是一个示例代码：

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

function ParentComponent() {
  const [parentState, setParentState] = useState('父组件状态');

  const handleChildChange = (childState) => {
    setParentState(childState);
  };

  return (
    <div>
      <p>父组件状态：{parentState}</p>
      <ChildComponent onChange={handleChildChange} />
    </div>
  );
}

export default ParentComponent;

// 子组件
import React, { useState } from 'react';

function ChildComponent(props) {
  const [childState, setChildState] = useState('子组件状态');

  const handleChange = () => {
    props.onChange(childState);
  };

  return (
    <div>
      <p>子组件状态：{childState}</p>
      <button onClick={handleChange}>改变父组件状态</button>
    </div>
  );
}

export default ChildComponent;

在这个示例中，父组件中定义了一个函数`handleChildChange`，用于改变父组件的状态。这个函数作为props传递给了子组件`ChildComponent`。在子组件中，当点击按钮时，调用`handleChange`函数，这个函数会调用父组件传递过来的`onChange`函数，并将子组件的状态`childState`作为参数传递给父组件。父组件中的`handleChildChange`函数会将子组件传递过来的状态`childState`设置为父组件的状态`parentState`，从而实现了子组件给父组件传值的功能。