🦉 "Interpolation" is defined as "the insertion of something of a different nature into something else."
Let's take template literals for example:
const greeting = 'Sup'
const subject = 'World'
const message = `${greeting} ${subject}`
👨💼 See if you can figure out how to extract the className
("container"
) and
children
("Hello World"
) to variables and interpolate them in the JSX.
const className = 'container'
const children = 'Hello World'
const element = <div className="hmmm">how do I make this work?</div>
📜 The React docs for JSX are pretty good: Writing Markup with JSX
Here are a few sections of particular interest for this step: