title: Javascript / ReactJS - JSON.stringify() giving extra double quotes
body: <p>Am trying to assign <code>payment_term</code> value to the <code>state.payment_terms</code> using <code>JSON.stringify()</code>. But its giving value with in double quotes in the dropdown component. How to avoid the extra double quotes.</p>
  
  <p>Please find my code below.</p>
  
  <pre><code>&lt;select name="payment_terms" value={ this.state.payment_terms != undefined ? 
   this.state.payment_terms : 
   this.state.payment_terms=JSON.stringify(payment_term) }  &gt;
  {payment_terms}
  &lt;/select&gt;
  </code></pre>
  
  <p>Am populating <code>payment_term</code> with the below code.</p>
  
  <pre><code>if(this.state.Payment_Term != null)
      {
          var payment_terms = [];
          var payment_term;
          for( var i=0; i&lt;this.props.Payment_Term.length; i++)
          {
              if( this.state.Payment_Term[i].Payment_Detail != null )
                  {
                      payment_terms.push(  &lt;option value=
                      {this.state.Payment_Term[i].Payment_Detail}&gt;
                      {this.state.Payment_Term[i].Payment_Detail}&lt;/option&gt;  )
                  }
              payment_term = this.state.Payment_Term[0].Payment_Detail;
          }
  
      }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/c3XBY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/c3XBY.png" alt="Please find the attached payment details structure"></a></p>