How do map, filter, and reduce work in React?

Can you explain how map, filter, and reduce work in React?

Sure! In React, map, filter, and reduce are array methods that help manipulate data. Map creates a new array by applying a function to each element, filter creates a new array with elements that pass a test, and reduce reduces an array to a single value based on a function.

Can you give me an example of using map in a React component?

Absolutely! Here's a simple example: if you have an array of numbers and you want to double each number, you can use map like this: const doubled = numbers.map(num => num * 2); This will return a new array with the doubled values.

What about filter? How would I use that?

For filter, let's say you have an array of numbers and you want to get only the even numbers. You can do it like this: const evens = numbers.filter(num => num % 2 === 0); This will return a new array containing only the even numbers.

And how does reduce work?

Reduce is used to accumulate values. For example, if you want to sum all the numbers in an array, you can use reduce like this: const sum = numbers.reduce((acc, num) => acc + num, 0); This will give you the total sum of the numbers.