SetState the empty array with Json Response array of object?

Question

I have set the state of a array as [] empty, in componentDidMount i am getting the API Response.. now i want to set the state of the empty array with the new array of json response how can i do this?

constructor(props)
{
    super(props)
    this.state = {
        categoryList : []
    }
}
componentDidMount()
{

    axios.get('http:xxxxxxxxxxxxxxxxxxxxxxx')

    .then(res => 
    {
        this.setState = {
            categoryList : res.data.body.category_list(json path)
        }
    })
    .catch(function(error) {
        console.log('Error on Authentication' + error);
    })
}

i want to set the state of categoryList as the Api Json Response.. just want to update the empty array with json response.. — Ramya MiiM
– Ramya MiiM, Commented Sep 28, 2018 at 7:49
setState is a method, you need to call it with the object/updater function, remove =, like this: this.setState({ categoryList : res.data.body.category_list(json path) }) — Mayank Shukla
– Mayank Shukla, Commented Sep 28, 2018 at 7:53

Tu Nguyen · Accepted Answer · 2018-09-28 07:49:44Z

1

Try this:

 this.setState({
    categoryList : res.data.body.category_list(json path)
 })

because setState() method accepts an object which will be merged with the current state.

answered Sep 28, 2018 at 7:49

Tu Nguyen

10.2k4 gold badges30 silver badges53 bronze badges

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

2 Comments

Ramya MiiM Over a year ago

couldnt understand

Tu Nguyen Over a year ago

well then, this is just the way React team implements the setState() method. For more information, please read this: reactjs.org/docs/react-component.html#setstate

Hemadri Dasari · Accepted Answer · 2018-09-28 08:03:12Z

1

You need to understand two things here

Below functionality is for initializing the states with initial values

this.state = {
  categoryList: []
}

To modify the categoryList state or any other state variable you need to use setState method like below. Keep in mind setState is a method

this.setState({
  categoryList : res.data.body.category_list(json path)
})

answered Sep 28, 2018 at 8:03

Hemadri Dasari

34.2k41 gold badges125 silver badges166 bronze badges

Collectives™ on Stack Overflow

SetState the empty array with Json Response array of object?

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related