Access props inside quotes in React JSX

Question

In JSX, how do you reference a value from props from inside a quoted attribute value?

For example:

Answer 1

Instead of adding variables and strings, you can use the ES6 template strings! Here is an example:

As for all other JavaScript components inside JSX, use template strings inside of curly braces. To "inject" a variable use a dollar sign followed by curly braces containing the variable you would like to inject. For example:

{`string ${variable} another string`}