Simple Function
Loading "Simple Function"
Run locally for transcripts
π¨βπΌ The DOM we want to generate is like this:
<div class="container">
<div class="message">Hello World</div>
<div class="message">Goodbye World</div>
</div>
In this case, it would be cool if we could reduce the duplication for creating
the React elements for this:
<div className="message">{children}</div>
So we need to make a function which accepts an object argument with a
children
property and returns the React element. Then you can interpolate a call to that
function in your JSX.<div>{message('Hello World')}</div>
This is not how we write custom React components, but this is important for you
to understand them. We'll get to custom components in the next steps.
π Read more