CODEWITHSUNDEEP
javascriptreactjsrenderreact-props
Fillipo
Fillipo

Reputation: 307

Passing props to child's child React JS

Good day, I'm trying to pass props to child's child component

example:

parent:

Onboarding()

<FilesOnboarding render={Onboarding}/>

FilesOnboarding:

updateFiles = () => {
 props.render()

}

<ProofFiles props.render={anotherRender?}> 

This is already wrong because I can't pass props.render={anotherRender}

ProofFiles

updateFiles = () => {
 props.anotherRender()

}

Upvotes: 0

Views: 68

Answers (1)

DecPK
DecPK

Reputation: 25408

codesandbox

Parent

function Onboarding() {
  return <h2> Rendering from Parent component </h2>;
}

function Parent() {
  return <FilesOnboarding render={Onboarding} />;
}

FilesOnBoarding

function renderFromFilesOnBoarding() {
  return <h2> Rendering from FilesOnboarding component </h2>;
}

export default function Parent({ render }) {
  return (
    <>
      {render()}
      <ProofFiles anotherRender={renderFromFilesOnBoarding} />
    </>
  );
}

ProofFiles

function Parent({ anotherRender }) {
  return anotherRender();
}

Upvotes: 1

Related Questions