Question

如果条件为真，我仅尝试将函数映射到listItems，否则将其跳过。我一直在尝试其他方法，但我不想在列表完成之前返回。

我有此代码：

{{1}}

Answer 1

如果您在joinOrCreateChatKitRoom()函数中返回内容，它将不会结束该函数的循环，并且仍将继续迭代。相反，您返回的内容将放入.map返回的结果数组中。意味着如果在.map内，您根据if语句返回一个组件，否则不返回任何组件，结果将是一个包含所有返回的组件的数组。

.map

Answer 2

如果其他方法也可以在括号内使用，并且也不要直接使用索引作为键，而是将一些文本和索引一起添加到键道具上，那么

更改

   {desclist.map((point, index) =>
    if (point.length < 2) {
        <li key={index}>
          <p>{point}</p>
        </li>
      )}
    }

收件人

   {desclist.map((point, index) => {
    if (point.length < 2) {
        return (<li key={'Key-'+index}>
          <p>{point}</p>
        </li>
      )}
    }
   )}

React .map函数中的if语句

2 个答案: