React 函数组件传值:简单易懂的指南
React 函数组件可以通过 props 来实现传值。在父组件中,将需要传递给子组件的值通过 props 传递给子组件。在子组件中,可以通过 props 来获取这些值。具体实现方法如下:
- 父组件中定义需要传递的值:
function ParentComponent() {
const name = 'Tom';
const age = 18;
return (
<ChildComponent name={name} age={age}/>
);
}
- 子组件中通过 props 获取值:
function ChildComponent(props) {
return (
<div>
<p>Name: {props.name}</p>
<p>Age: {props.age}</p>
</div>
);
}
通过上述方法,父组件就可以将需要传递的值传递给子组件,子组件也可以通过 props 获取这些值。
原文地址: https://www.cveoy.top/t/topic/mgIE 著作权归作者所有。请勿转载和采集!