Question: I am following a tutorial on react, and I am sorry for this newbie question but I am wondering why do we need to deconstruct parameters in this line, when we fetch data from an api:

```
.then( ({results: items}) => this.setState({items}))

componentWillMount(){
    fetch( 'https://swapi.co/api/people/?format=json' )
      .then( response => response.json() )
      .then( ({results: items}) => this.setState({items}))
}

```

What I am wondering is, why can't we just pass the result of `response.json()` as a normal parameter like this:

```
.then( (items) => this.setState({items}))

```

Answer: 
You dont need to destruct:

```
.then( res => this.setState({items: res.result }))

```

or:

```
.then( response => response.json().result )
.then( items => this.setState({items}));

```
It's simple if you take a look of the response you will se that has an structure like the following.

```
{
 count: 0,
 results: ...
 ...
}

```

As you can see it's an object that one of its properties is called **results**. In this particular case it seems you don't care about the other information you only want to grab the **results** which is an array. If you were to just pass the return value from the callback without **Destructuring** you will set your state to a whole new object.