What does it mean when: { props } = this

Question

I have seen { props } = this, within the following piece of code. What is this used?

render = () => {
        const { props } = this

Object destructuring: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#object_destructuring — Lesiak, Feb 22 '21 at 13:18
Does this answer your question? [When should I use "this" in a class?](https://stackoverflow.com/questions/2411270/when-should-i-use-this-in-a-class) — Terminat, Feb 22 '21 at 13:19

score 3 · Answer 1 · answered Feb 22 '21 at 13:20

This is not a feature of React. This is the destructuring syntax of JS. Any object which looks like the following :-

let obj = {name:'Arjunan'}

can be destructured to access name property like :-

const {name} = obj

In your question, this is the object created using your React class constructor and the property props exist on it.

1 Answers1