Reactjs 将“{}”符号环绕在react render周围 类应用程序扩展了React.Component{ renderSomething=（）=>`某物` render（）{ 返回{``{${this.renderSomething（）}`} } }

---

我想在屏幕上输出

{something}

而不使用modify renderSomething函数，知道上面代码失败的原因吗？

创建一个用大括号括住内容的模板字符串，然后在JSX中使用它。我将这些步骤分为多个变量，希望能让事情变得更清楚

类应用程序扩展了React.Component{
renderSomething=（）=>`某物`
render（）{
const innerText=this.renderSomething（）
常量wrappedWithBraces=`{${innerText}`
返回{wrappedWithBraces}
//简而言之：{`{${this.renderSomething（）}}`}
//但我更喜欢非短版本，因为它更具可读性：）
}
}

class App extends React.Component {
  renderSomething = () => `something`
  render() {
    return <div>{` `{` ${this.renderSomething()} `}` `}</div>
  }
}