In this lab, you'll use
this.props.children to build reusable components and use
Let's throw a party! The first thing we'll need is an invitation we can send to people with a customized message.
components/Invitation.jsfile, create an
h1with the text
'You've been invited!'
h1, render out any children that are passed into the
Invitationcomponent. This allows us to customize the message.
A good party also has a theme and decorations that match. Let's create a component that takes its children and adds an additional prop to them. This way we can pass in the theme to our decorations by wrapping them in this component.
components/ThemedDecorations.jsfile, create a
classNameprop to every child.