I am new to the ES6 Features, I have following code,

I have following component.

```
    function ToDo() {

      const onChange = ({target: {value}}) => {
        console.log(target)
      }

    return (
    <input type="text" onChange={onChange} value={item.text} /> 
    )
}

```

Here I did not understand the part of object destructuring in the `onChange` function. Where it should have been like `event.target.value`

Thanks