Javascript React${}字符串替换程序不';行不通

Javascript React${}字符串替换程序不';行不通,javascript,html,reactjs,Javascript,Html,Reactjs,我正在使用教科书学习React,这个特定示例中的字符串替换程序${}不起作用,也不知道为什么。我仔细检查了所有的打字错误以确保正确。到目前为止,这本书中的其他例子效果良好 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script crossorigin src="https://unpkg.com/react@16/umd/react.production.m

我正在使用教科书学习React,这个特定示例中的字符串替换程序${}不起作用,也不知道为什么。我仔细检查了所有的打字错误以确保正确。到目前为止,这本书中的其他例子效果良好

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.min.js"></script>
  </head>
  <body>
    <div id="root"></div>
    <script type="text/babel">
      class Hello extends React.Component {
        constructor (props) {
          super(props)
          this.clickHandler = this.clickHandler.bind(this) //isolates 'this' of Hello class from other 'this'
        }
        clickHandler (e) {
          const name = this.props.name
          window.alert('Hello, ${name}') //!!this doesn't work....
        }
        render () {
          return (
            <div onClick={this.clickHandler}>Say Hello</div>
          )
        }
      }
      ReactDOM.render((<Hello name="Johnny" />),document.getElementById("root"))
    </script>
  </body>
</html>

类Hello扩展了React.Component{
建造师(道具){
超级(道具)
this.clickHandler=this.clickHandler.bind(this)//将Hello类的“this”与其他“this”隔离开来
}
clickHandler(e){
const name=this.props.name
window.alert('Hello,${name}')/!!这不起作用。。。。
}
渲染(){
返回(
打招呼
)
}
}
ReactDOM.render((),document.getElementById(“根”))
使用反勾号

window.alert(`Hello, ${name}`)

将“”替换为“”(勾号)。不要使用此“”,请在选项卡上方和esc下方使用勾号ie键。所以使用
Hello,${name}
你应该使用back-tick,谢谢你及时回复大家。对mods和管理员来说,这是一个很好的借口。我总是在发布前仔细检查,但无论是从google还是stack overflow,
${}
都没有生成任何搜索结果。所以我不得不提出这个问题。为什么这项工作是因为React没有提供
${}
,它是ES6。模板文字,您可以插入的东西。谢谢。我不知道这叫做“模板文字”。这本书没有向我提供任何细节,因为它主要是一本React书,而不是ES6书。@SungryeolPark很乐意帮助你:)