En un proyecto React, quiero solucionar rápidamente las cosas registrando partes específicas del estado en ciertos momentos.

console.error('this.state.thing', this.state.thing); 

Al hacer esto, mi configuración de ESLint me da el error «Debe usar la asignación de estado de desestructuración». Entonces, tendría que desactivar esta regla de ESLint, o tendría que hacer esto:

 const { thing } = this.state; console.error('this.state.thing', thing); 

Esto está bien, pero me hizo preguntarme si puedo desestructurar una propiedad de la misma manera dentro de un objeto literal de una sola vez:

 const objectLiteral = { thing: this.state.thing, // how to destructure thing out of state? stuff1, stuff2: otherData, }; const somethingLikeThis = { thing: ({ thing } = this.state), } 

Simplemente curioso si hay una manera de hacer esto.

Sí, puedes hacerlo a través de la función de flecha

 console.error('this.state.thing', (obj ={amp}gt; obj.thing)(this.state)) 

No dentro del literal, pero puede desestructurar valores en propiedades de objeto:

 ({thing: objectLiteral.thing} = this.state);