你如何轉義 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?"