javascript - 使用 map 时 react 错误

我在我的react组件中使用map来遍历列表。当我在地图循环中有一个链接时，它工作正常，但是当我尝试为其创建优化的版本时，第二个链接返回错误。 Intellij给我<a it expects either a ',' or a ')'后说了一个错误。我看不到我错过了括号或其他任何内容。

{this.state.players.map(singlePlayer =>
       <Link to={'edit-player/' + singlePlayer.id}><li key={singlePlayer.id}>{singlePlayer.name}</li></Link>
       <a id={singlePlayer.id} onClick={this.handleDelete.bind(this)}>delete</a>
                                    )}

最佳答案

map应该仅返回一个元素。所以你的代码应该是

{this.state.players.map(singlePlayer =>
   <div><Link to={'edit-player/' + singlePlayer.id}><li key={singlePlayer.id}>{singlePlayer.name}</li></Link>
   <a id={singlePlayer.id} onClick={this.handleDelete.bind(this)}>delete</a></div>
                                )}

关于javascript - 使用 map 时 react 错误，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42362137/