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();
}