react父子组件传值举例

好的，关于 react 父子组件传值的举例，可以看下面的代码：

父组件：

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

function ParentComponent() {
  const [parentValue, setParentValue] = useState('Hello from parent!')

  return (
    <div>
      <h1>Parent Component</h1>
      <ChildComponent parentValue={parentValue} />
    </div>
  );
}

export default ParentComponent;

子组件：

import React from 'react';

function ChildComponent(props) {
  const { parentValue } = props;

  return (
    <div>
      <h2>Child Component</h2>
      <p>Received from parent: {parentValue}</p>
    </div>
  );
}

export default ChildComponent;

在这个例子中，父组件 `ParentComponent` 通过使用 `useState` 来定义了一个状态 `parentValue`，并且将它作为 `props` 传递给了子组件 `ChildComponent`。在子组件中，可以通过 `props.parentValue` 来获取父组件传递的值。

希望这个例子可以帮助你更好地理解 react 父子组件传值的实现方式。