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: