How do I use map and filter in React?

How do I use map and filter in React?

In React, you can use the map method to iterate over an array and render components. The filter method can be used to create a new array with elements that pass a certain condition. Would you like an example?

Yes, please provide an example!

Sure! Here's a simple example:

const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(num => num % 2 === 0);

const numberList = evenNumbers.map(num => <li key={num}>{num}</li>);

return <ul>{numberList}</ul>;

This filters the even numbers and then maps them to list items.

What if I want to combine both map and filter in one line?

You can chain them together! For example:

const numberList = numbers.filter(num => num % 2 === 0).map(num => <li key={num}>{num}</li>);

This will first filter the even numbers and then map them to list items in one line.