Чтобы добавить условие if в функцию mapв React, вы можете использовать тернарный оператор или логический оператор AND (&&). Вот несколько методов, которые вы можете использовать:

1. Тернарный оператор:

   {array.map(item => condition ? expression1 : expression2)}

   Пример использования:

   {array.map(item => item % 2 === 0 ? <div>Even</div> : <div>Odd</div>)}

2. Логический оператор И (&&):

   {array.map(item => condition && expression)}

   Пример использования:

   {array.map(item => item % 2 === 0 && <div>Even</div>)}

3. Встроенная функция:

   {array.map(item => {
      if (condition) {
          return expression1;
      } else {
          return expression2;
      }
   })}

   Пример использования:

   {array.map(item => {
      if (item % 2 === 0) {
          return <div>Even</div>;
      } else {
          return <div>Odd</div>;
      }
   })}

Эти методы позволяют условно отображать элементы или выполнять определенные действия на основе условия при сопоставлении массива в React.