Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
ParentComponentNoSpread.jsx - How to Pass All Props to a Child Component in React
import React from "react"
import DisplayAllProps from "./DisplayAllProps"
import ChildComponent from "./ChildComponent"
const ParentComponent = (props) => (
<section>
<h1>ParentComponent's props:</h1>
<DisplayAllProps
name={props.name}
job={props.job}
children={props.children}
></DisplayAllProps>
{/* Both methods to pass children are equivalent */}
<ChildComponent name={props.name} job={props.job}>
{props.children}
</ChildComponent>
</section>
)
export default ParentComponent
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment