为什么在特定情况下需要对ES6进行解构？

Question

在react + ES6教程中，我看到了一些解构用法，这些用法如下所示，但我不明白为什么需要它们：

updateFish = (key, updatedFish) => {
 const fishes = {...this.state.fishes};
}

this.state.fishes被传播到一个新对象中：{} 为什么不简单直接地做到这一点呢？

const fishes = this.state.fishes;

在另一个示例中，我认为原因是编写更简洁的代码：

const updatedFish = {
...this.props.fish,
[event.currentTarrget.name]:event.currentTarget.value
}

但是我想我们是否需要更多的优化，我认为这样会更快：

const updatedFish = this.props.fish;
updatedFish[event.currentTarrget.name] = event.currentTarget.value;