What are some examples of destructuring in React?

What are some examples of destructuring in React?

Destructuring in React allows you to extract values from arrays or properties from objects. For example, you can destructure props in a functional component like this: const MyComponent = ({ name, age }) => { ... }.

Can you show me an example with state?

Sure! When using the useState hook, you can destructure the state and the updater function like this: const [count, setCount] = useState(0);.

What about destructuring in class components?

In class components, you can destructure state in the render method like this: const { name, age } = this.state;.

Are there any best practices for destructuring?

Yes! It's best to destructure props and state at the top of your component for better readability and to avoid repetition.