Реакция - Условный элемент в функции карты

Question

Я хочу отобразить другую ссылку в этой функции карты. Если x, например, 3, я хочу показать <Link>Put</Link>, иначе я хочу показать <Link>Remove</Link>. Я пытаюсь сделать некоторые условия, но я получаю ошибки, как я могу записать это?

const mapWorkplace = (arr: SuggestedWorkplace[], deallocation: boolean) =>
  arr.map((x, i) => ({
    ...x,
    action: <Link>Put</Link> || <Link>Remove</Link> ,
    __props: {
      style: { background: !(i % 2) ? "#fff" : "rgba(233, 249, 249, .6)" }
    }
  }));

Answer 1

Если ваша ошибка исходит из значения action, вы можете сделать это, используя условный оператор :

const mapWorkplace = (arr: SuggestedWorkplace[], deallocation: boolean) =>
  arr.map((x, i) => ({
    ...x,
    action: x === 3 ? <Link>Put</Link> : <Link>Remove</Link> ,
    __props: {
      style: { background: !(i % 2) ? "#fff" : "rgba(233, 249, 249, .6)" }
    },
}));