在React的功能组件中,有两种类型的道具(props):
基本道具的使用示例:
function MyComponent(props) {
return <div>{props.name}</div>;
}
ReactDOM.render(<MyComponent name="John" />, document.getElementById('root'));
子组件道具的使用示例:
function ChildComponent(props) {
return <div>{props.children}</div>;
}
function ParentComponent() {
return (
<ChildComponent>
<span>Hello World</span>
</ChildComponent>
);
}
ReactDOM.render(<ParentComponent />, document.getElementById('root'));
在上述示例中,基本道具的类型是字符串,通过name
道具传递给MyComponent
组件,并在组件内部渲染为<div>John</div>
。子组件道具的类型是React元素<span>Hello World</span>
,通过children
道具传递给ChildComponent
组件,并在组件内部渲染为<div><span>Hello World</span></div>
。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云