react函数组件传值

React 函数组件传值有两种方式：props 和 useContext。

1. 通过 props 传值

在函数组件中，可以通过 props 传递数据。父组件中声明一个属性，然后在子组件中使用这个属性即可传递数据。

例如：

function ParentComponent() {
  const data = 'hello world';
  return (
    <ChildComponent data={data} />
  );
}

function ChildComponent(props) {
  return (
    <div>{props.data}</div>
  );
}

2. 通过 useContext 传值

useContext 是 React 提供的一个 API，可以在组件之间共享数据。使用 useContext 后，可以在任何深度的组件中获取到共享的数据。

例如：

const DataContext = React.createContext();

function ParentComponent() {
  const data = 'hello world';
  return (
    <DataContext.Provider value={data}>
      <ChildComponent />
    </DataContext.Provider>
  );
}

function ChildComponent() {
  const data = useContext(DataContext);
  return (
    <div>{data}</div>
  );
}

以上就是 React 函数组件传值的两种方式。如果传递的数据比较简单，可以使用 props；如果需要在多个组件中共享数据，可以使用 useContext。