How do you escape quotes in reactjs

Question

I have issues with escaping quotes on my react app.

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

I have tried to do this:

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

But that does not work for me.

Answer 1

Try using single quotes instead.

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

OR

move the quotes inside {}

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

Answer 2

And if you want to pass in values, you could use template literal as well

<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?"