Question

想象一下我必须生成一个li

列表

{map(listItems, (obj,i) => 
    <li key={i}>
      <a target="_blank" href={obj.itemName === 'view_detail' ? `event/${id}` : ''} >
            <i className={obj.icon}></i>
            {obj.name}
      </a>
    </li>
)}

这不起作用，因为即使li不是view_detail，它仍然会有目标空白。

Answer 1

作为解决方案之一 - 动态地将目标更改为href

<li key={i}>
      <a target={obj.itemName === 'view_detail' ? `_blank` : ''} href={obj.itemName === 'view_detail' ? `event/${id}` : ''} >
            <i className={obj.icon}></i>
            {obj.name}
      </a>
    </li>

在循环中的变量上添加标记

1 个答案: