javascript - React - 地图函数中的条件元素

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)" }
    }
  }));

标签： javascriptreactjsconditional-statements

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)" }
    },
}));