反应映射阵列删除重复&命令

Question

我正在映射一个JSON数组，我想删除重复项，并按KEY1按字母顺序订购结果。

array: [{key1:'hello',key2:'goodbye'},{key1:'hello',key2:'goodbye'},{key1:'bonjour',key2:'adios'}]
this.state.array.map((item,index) => (
<Text key={index}>{item.key1} {item.key2}</Text>
))

任何帮助将不胜感激。

Answer 1

使用lodash进行收集操作。

import _ from 'lodash'
const arr = [{key1:'hello',key2:'goodbye'},
{key1:'hello',key2:'goodbye'},{key1:'bonjour',key2:'adios'}]
const val = 
    _.chain(arr)
        .uniqWith(_.isEqual)
        .sortBy("key1")
        .value()
console.log(val)

参见工作示例：https：//repl.it/repls/authorizedperfumedfiletype