React TutorialLesson 24Free preview

React Props Destructuring

This lesson is part of React · All levels

Summary

Destructing allows you to take props properties directly into the function parameters so that the code is more concise. Instead of writing props.name many times, just write function Greeting({ name }) and use the name directly. This also clarifies any properties that a component actually uses.

Key points

Destruction takes properties directly into function parameters
Writing function Judul({ title }) is equivalent to accessing props.title
Destruction also applies to ordinary objects and arrays
Give the default when props may not be sent

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.