ReactJs マップ if/else

私は Reactjs の初心者です。そのようなレストランのリストがあります

const restaurants = [
      {
        id: 1,
        name: "Restaurant-1",
        oras: "Constanta",
        background: "url(" + restaurant1 + ")",
      },
      {
        id: 2,
        name: "Restaurant-2",
        oras: "Constanta",
        background: "url(" + restaurant2 + ")",
      },

レストランリストを作成するために地図を使用した場所

  const restaurantlist = restaurants.map((restaurant) => (
if(name=="something")      
<Restaurant
        src={background}
        key={restaurant.id}
        restaurant={restaurant}
      />
    ));

しかし、すべてのオブジェクトを追加するのではなく、名前==「何か」のオブジェクトのみを追加したいと考えています。 何かアドバイスはありますか？

その条件を使用する場合は式を返す必要があります:

  const restaurantlist = restaurante.map((restaurant) => (name=="something" ? 
      <Restaurant
        src={background}
        key={restaurant.id}
        restaurant={restaurant}
      />:null
    ));

または

const restaurantlist = restaurants.map((restaurant) => {
  if(name=="something"){      
      <Restaurant
        src={background}
        key={restaurant.id}
        restaurant={restaurant}
      />
   } else{
       return null;
   }
 });

1

こちらのreact.js関連の質問をご覧いただけますかstackoverflow.com/questions/64067097/… ?

2020 年 9 月 25 日 15:48