React 循环/遍历的使用

map

map一般用于将元素用标签包裹后返回。

record.pnounMem.map(item => (
      <div>
        {item.memName}-------{item.synonyms}
      </div>
 ))

也可以用简单的判断来决定返回值：

tags.split(/[,，]/).map(
   tag =>
      tag.length > 0 ? (
           <Tag
              style={{ marginTop: 10 }}
              closable
              key={tag}
              afterClose={() => this.deleteStaMem(tag, record.id)}
            >
              {tag}
            </Tag>
         ) : ('')
    )

forEach

forEach 主要用于修改数组内容，删除元素属性一类

删除元素属性：

newRecord.pnounMem.forEach(item => {
        if (item.id.substring(0, 2)==='tp') {
            delete item.id;
        }
      });

修改元素属性：

deleteTagRecord.pnounMem.forEach(item => {
      if (item.id === id) {
        const newSyn = item.synonyms.replace(`${removedtag},`, '');
        Object.assign(item, {
          synonyms: newSyn,
        });
      }
    });