How can I use map and filter in React?

How can I use map and filter in React?

You can use the map function to iterate over an array and render components, while filter helps to create a new array based on conditions.

Can you give me a code 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>);

This filters out even numbers and maps them to list items.

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

You can chain them together like this:

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.

Thanks! This is really helpful.

You're welcome! If you have any more questions about React, feel free to ask!