Interpolation
Loading "Interpolation"
Run locally for transcripts
π¦ "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: