Expression along with string literal (jsx)?

Question

JavaScript

Greetings!
Available:

const name = "world";
const element = <h1 className={url}>Hello, world!</h1>;
ReactDOM.render(element, document.getElementById('root'));

How can you specify both a string literal and an expression at the same time? For example, what I would like to get: (of course, the expression does not work, because it is in a string literal). Of course, you can use the modification of the expression even before embedding in jsx, but I would like to be able to be described above ...<h1 className="class_{url}">Hello, world!</h1>

const name = "world";
const nameModified = `class_${name}`;
const element = <h1 className={url}>Hello, world!</h1>;

How to be?

Answer 1

<h1 className={`class_${url}`}>Hello, world!</h1>
<h1 className={'class_' + url}>Hello, world!</h1>