React 函数组件传值:简单易懂的指南
在 React 函数组件中,可以通过 props 属性来传递值。父组件通过 props 属性将数据传递给子组件,在子组件中通过 props 访问父组件传递的数据。这样就可以实现 React 函数组件之间的数据传递。
例如:
父组件中:
function ParentComponent() {
const data = '这是父组件传递的数据';
return (
<ChildComponent data={data} />
);
}
子组件中:
function ChildComponent(props) {
return (
<div>{props.data}</div>
);
}
在子组件中通过 props 访问父组件传递的数据 data,即可实现数据传递。
原文地址: https://www.cveoy.top/t/topic/mgJl 著作权归作者所有。请勿转载和采集!