React Ravenous Part 2: difference const { business } = this.props and {this.props.business....}

In step 9 we’re asked to prepend all statements with ‘this.props.’

However, in the video the instructor uses ‘const { business } = this.props;’ instead.

Both have the some outcome and the latter solution appears to be cleaner (less code).

Can someone explain the difference between the two or refer to a resource where this is explained?

My code can be found here: https://github.com/woutje74/ravenous

JavaScript destructuring

https://www.codecademy.com/learn/introduction-to-javascript/modules/learn-javascript-objects

Thanks for pointing me in the right direction!