Question

所以我拥有并且它的工作正常。但

<ul className="users">
  {users.slice(sliceTopNum, users.length).map(user => {
    i++;
    if (i && i % 5 === 0) {
      return (
        <li>
          <div>
            <p>I am an Ad</p>
          </div>
        </li>
      );
    } else {
      return (
        <li>
          <div>
            <p>I am {coupon.name}</p>
          </div>
        </li>
      );
    }
  })}
</ul>

但我希望其他人同时返回2件物品。我怎样才能做到这一点？似乎JSX不会让你这样做。但我相信可能有办法实现这一目标。提前谢谢。

<li><div><p>I am {coupon.name}</p></div></li>    
<li><div><p>I am an Ad</p></div></li>

Answer 1

如果您使用的是最新版本的React（16）您可以使用Fragments返回多个元素，而无需使用像div这样的包装元素：

<React.Fragment>
  <li><div><p>I am {coupon.name}</p></div></li>    
  <li><div><p>I am an Ad</p></div></li>
</React.Fragment>

在同一容器下返回两个li对象

1 个答案: