Javascript / ReactJS - JSON.stringify() giving extra double quotes

Question

Am trying to assign payment_term value to the state.payment_terms using JSON.stringify(). But its giving value with in double quotes in the dropdown component. How to avoid the extra double quotes.

Please find my code below.

<select name="payment_terms" value={ this.state.payment_terms != undefined ? 
 this.state.payment_terms : 
 this.state.payment_terms=JSON.stringify(payment_term) }  >
{payment_terms}
</select>

Am populating payment_term with the below code.

if(this.state.Payment_Term != null)
    {
        var payment_terms = [];
        var payment_term;
        for( var i=0; i<this.props.Payment_Term.length; i++)
        {
            if( this.state.Payment_Term[i].Payment_Detail != null )
                {
                    payment_terms.push(  <option value=
                    {this.state.Payment_Term[i].Payment_Detail}>
                    {this.state.Payment_Term[i].Payment_Detail}</option>  )
                }
            payment_term = this.state.Payment_Term[0].Payment_Detail;
        }

    }

Otherwise, its coming [object,object]. So that i tried with JSON.stringify. — Karthikeyan
– Karthikeyan, Commented Jan 1, 2018 at 12:55
It would be helpful to see the structure of the PaymentTerm object, specifically PaymentTerm.Payment_Detail. — Matt Morgan
– Matt Morgan, Commented Jan 1, 2018 at 12:57
@Karthikeyan why do you need to use JSON.stringify ? Would it fail if you removed it? — Tomasz Mularczyk
– Tomasz Mularczyk, Commented Jan 1, 2018 at 13:04

Avanthika · Accepted Answer · 2018-01-01 14:50:27Z

2

Try doing this: JSON.parse(JSON.stringify(payment_terms))

I guess this must fix your problem in double quotes.

answered Jan 1, 2018 at 14:50

Avanthika

4,1821 gold badge15 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

stefanobaghino · Accepted Answer · 2018-01-01 14:46:02Z

-1

You could just replace all quotes with an empty string:

this.state.payment_term = this.state.payment_term.replace(/\"/g, "");

edited Jan 1, 2018 at 14:46

stefanobaghino

13.4k4 gold badges44 silver badges69 bronze badges

answered Jan 1, 2018 at 12:51

lcodegmaster

741 silver badge6 bronze badges

Collectives™ on Stack Overflow

Javascript / ReactJS - JSON.stringify() giving extra double quotes

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related