在createPortal函数中将道具传递给子对象可以通过以下步骤实现:
下面是一个示例代码:
// 父组件
import React from 'react';
import ReactDOM from 'react-dom';
const ParentComponent = () => {
const propValue = '这是一个道具';
return ReactDOM.createPortal(
<ChildComponent prop={propValue} />,
document.getElementById('portal-root')
);
};
// 子组件
const ChildComponent = (props) => {
return <div>{props.prop}</div>;
};
export default ParentComponent;
在上面的示例中,父组件通过createPortal函数将子组件渲染到id为'portal-root'的DOM节点上,并将道具prop传递给子组件。子组件通过props接收道具并在页面上显示。
这种方式可以在React应用中实现将道具传递给子对象的需求。在实际应用中,可以根据具体情况选择使用不同的传送门目标节点和道具数据类型。
领取专属 10元无门槛券
手把手带您无忧上云