是否有问题，如果我把括号在html代码在jsx语法?

Question

在JSX语法中，我知道在编写JavaScript表达式时使用大括号。

const name = 'Josh Perez';
const element = <h1>Hello, {name}</h1>;
ReactDOM.render(
element,
document.getElementById('root')
);

即使你看了react官方文档，你也不会像上面那样在脚本中使用大括号。既然这不是JavaScript代码，为什么不使用它与{element}?如果我将它与{element}一起使用，是否会出现错误?

Answer 1

你可以直接使用<h1>{`Hello, ${name}`}</h1>比如javascript字符串