如果Map内的条件// React JS

Question

我正在React JS中的一个面包屑组件上，该组件返回Links。当将组件绑定到标题中时，我给它提供了一组项目（链接的标签，URL和“活动”或“非活动”的类）。

现在，在此数据的映射内，我想检查该类是否为'inactive'，如果是这种情况，我想将'to'链接（to = {to}）设置为空串。我尝试在≤Link≥组件周围使用if条件失败，有人知道这是否可行以及正确的语法是什么？

const items = [
    {to: '/link1', label: 'Step 1', stepClass: 'active'},
    {to: '/link2', label: 'Step 2', stepClass: 'inactive'},
];

<Breadcrumb>
      {items.map(({to, label, stepClass}) => (
        <Link key={to} to={to}>
          <div className={`step ${stepClass}`}>{label}</div>
        </Link>
      ))}
 </Breadcrumb>

Answer 1