javascript - 在对象上 react 映射，然后在数组上 react

Question

这是我的对象，我想将其映射到我的组件中，但我有问题，我无法在此对象上使用映射。第一个值是投票，下一个是用户数组。我如何在 babel 中使用 map ？

  var ObjVote = {
        '1':['EwaK','Jacek','Jacek'],
        '2':['Anna','Pawel','EwaK'],
        '3':['Anna','EwaK','Jacek'],
        '4':['Jas','Jas','Pawel'],
        '5':['Anna','Jas','Pawel']
        }

Answer 1

您可以使用:

Object.keys(ObjVote)
         .map(vote => ({ vote: vote, voters: ObjVote[vote]}))
         .map(data => <Vote {...data} key={data.vote} />)

或者

Object.keys(ObjVote)
         .map(vote => ({ vote: vote, voters: ObjVote[vote]}))
         .map(data => <Vote data={data} key={data.vote} />)

现在，在 Vote 组件中，您可以通过 props.data.votes 访问投票，并通过 props.data.voters 访问投票者数组。