在 React 函数组件中,可以通过 props 属性来传递值。父组件通过 props 属性将数据传递给子组件,在子组件中通过 props 访问父组件传递的数据。这样就可以实现 React 函数组件之间的数据传递。

例如:

父组件中:

function ParentComponent() {
  const data = '这是父组件传递的数据';
  return (
    <ChildComponent data={data} />
  );
}

子组件中:

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

在子组件中通过 props 访问父组件传递的数据 data,即可实现数据传递。

React 函数组件传值:简单易懂的指南

原文地址: https://www.cveoy.top/t/topic/mgJl 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录