Array.map 一次渲染相同的标题答案

【问题标题】：Array.map render identical titles onceArray.map 一次渲染相同的标题
【发布时间】：2020-09-22 16:08:24
【问题描述】：

我有密码数组，我想显示这些密码 - 每个密码都有一个资源，应该作为标题显示一次所以：以资源为标题：

资源1：-密码1-密码2-密码0，

资源2：-密码4-密码5，

资源3：-密码6-密码7-密码8-密码9

        this.state.passwords && this.state.passwords.map((item, index) => {
            return (
                <>
                    {item[index] !== item[index + 1] && (  //here I am trying to do this logic
                        <Nav.Item><div className="sidebar-heading-secrets">{item.resource}</div></Nav.Item>
                    )}
                    <span>We render data here</span>
                </>
            )
        })
    }``

【问题讨论】：

标签： javascript reactjs arraylist array-map

【解决方案1】：

您在地图中缺少键。使用 React.Fragment 并提供密钥

this.state.passwords && this.state.passwords.map((item, index) => {
            return (
                <React.Fragment key={index}>
                    {item[index] !== item[index + 1] && (  //here I am trying to do this logic
                        <Nav.Item><div className="sidebar-heading-secrets">{item.resource}</div></Nav.Item>
                    )}
                    <span>We render data here</span>
                </React.Fragment>
            )
        })
    }``

【讨论】：

这个答案能回答我的问题吗？！！我想只为第一个项目显示一次由多个项目提供的标题，当然，如果项目具有相同的标题，这是我的代码中的一个示例。