react函数组件父子传参

在 React 函数组件中，父组件可以通过将属性传递给子组件来实现父子组件之间的数据传递。以下是一种常见的父子组件传参的：

父组件：

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

const ParentComponent = () => {
  const data = 'Hello from parent';

  return (
    <div>
      <ChildComponent data={data} />
    </div>
  );
};

export default ParentComponent;

子组件：

import React from 'react';

const ChildComponent = (props) => {
  return (
    <div>
      <p>{props.data}</p>
    </div>
  );
};

export default ChildComponent;

在父组件中，我们将 `data` 变量作为属性传递给子组件 `ChildComponent`。子组件可以通过 `props` 参数接收父组件传递的属性值，并在渲染中使用。

这样，子组件就能够访问到父组件传递过来的数据，并进行相应的处理或展示。