Javascript 向孩子传递道具';s儿童反应JS
你好,我正在尝试将道具传递给孩子的孩子组件 例如: 家长:Javascript 向孩子传递道具';s儿童反应JS,javascript,reactjs,render,react-props,Javascript,Reactjs,Render,React Props,你好,我正在尝试将道具传递给孩子的孩子组件 例如: 家长: Onboarding() <FilesOnboarding render={Onboarding}/> 家长 function Onboarding() { return <h2> Rendering from Parent component </h2>; } function Parent() { return <FilesOnboarding render={Onboard
Onboarding()
<FilesOnboarding render={Onboarding}/>
家长
function Onboarding() {
return <h2> Rendering from Parent component </h2>;
}
function Parent() {
return <FilesOnboarding render={Onboarding} />;
}
您是否可以更新您的示例,使其显示您已经尝试过的代码?您可能也在考虑“渲染道具”。好的,只需更新它调用
render()
,anotherRender()
将在每次渲染时丢失状态,您需要调用React.createElement
即:render=render,
updateFiles = () => {
props.anotherRender()
}
function Onboarding() {
return <h2> Rendering from Parent component </h2>;
}
function Parent() {
return <FilesOnboarding render={Onboarding} />;
}
function renderFromFilesOnBoarding() {
return <h2> Rendering from FilesOnboarding component </h2>;
}
export default function Parent({ render }) {
return (
<>
{render()}
<ProofFiles anotherRender={renderFromFilesOnBoarding} />
</>
);
}
function Parent({ anotherRender }) {
return anotherRender();
}