你如何转义 reactjs 中的引号

Question

我的 React 应用程序中的 escaping 引号有问题。

<textarea id="values" 
          placeholder="{ "name": "John", "test": true}" 
          onChange={this.handleChange2.bind(this)}>
</textarea>

我试过这样做：

<textarea id="values"
          placeholder="{ \"name\": \"John\", \"test\": true}" 
          onChange={this.handleChange2.bind(this)}>
</textarea> 

但这对我不起作用。

Answer 1

尝试改用单引号。

<textarea id="values" 
    placeholder='{ "name": "John", "test": true}'
    onChange={this.handleChange2.bind(this)}>
</textarea>

要么

将引号移到{}内

<textarea id="values" 
    placeholder={"\"name\": \"John\", \"test\": true"}
    onChange={this.handleChange2.bind(this)}>
</textarea>

Answer 2

如果您要传递值，也可以使用模板文字

<textarea
  id="values"
  placeholder={`"name": "John", "test": ${value}`}
  onChange={this.handleChange2.bind(this)}
/>

Answer 3

<p>&quot;What if this? what if that?&quot;</p>

   "What if this? what if that?"