非構造状態は

Question

が、私はこのようになりますリアクトコンポーネントを示して多くの例を参照してくださいレンダリング反応します。私はJSXがより洗練されているように見えますが、変数がコンポーネントの状態から来たことを知ることは難しいようです。ベストプラクティスの面でこれを行うメリットはありますか、それとも単なるプリファレンスですか？

ありがとうございました。

Answer 1

アドバンテージ：特に、コンポーネントで状態値を何度も再利用する必要がある場合は、コードがはっきりしています。

短所：モジュールを作成している場合やコードを公開している場合、destructedステートメントは混乱を招く可能性があります。

Answer 2

同じ変数を複数回使用すると、const { foo, bar } = this.state;のコードがはるかにクリーンに見えます。このユースケースでは、状態を破棄しません。

Answer 3

const { foo, bar } = {...this.state}