How do I use array methods in React?

How do I use array methods in React?

You can use array methods like map, filter, and reduce in React to manipulate state and render lists.

Can you give me an example of using the map method?

Sure! If you have an array of items, you can use map to create a new array of JSX elements. For example: items.map(item => <div key={item.id}>{item.name}</div>).

What about using filter to display only certain items?

You can use filter to create a new array with only the items that meet a certain condition. For example: const filteredItems = items.filter(item => item.active);.

Thanks! How do I use reduce in a React component?

You can use reduce to accumulate values. For example, to calculate the total price of items: const totalPrice = items.reduce((acc, item) => acc + item.price, 0);.