使用映射時反應錯誤

-1

我在我的反應組件中使用映射來遍歷列表。當我在地圖循環中有一個鏈接時它工作正常，但是當我嘗試爲它創建一個優化的構建時，我的第二個鏈接返回一個錯誤。 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> 
            )}

來源

2017-02-21 Nick Pocock

...你得到什麼錯誤？ – Maakep

我想你可能在你完成之前發佈了這個問題，因爲它是如何在句子結尾處結束的。什麼是確切的錯誤信息？這段代碼在哪裏出現？什麼是「鏈接」？（據推測，在某個階段，'Link'將'li'包裝在'ul'或'ol'中？） –

Yashika回答了這個問題，但是謝謝。 –

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> 
           )}

來源

2017-02-21 08:43:32

的問題是，您在裏面map返回多個項目，因此不能返回一個以上的元素，所以你需要通過任何div或li包裹Link和a或通過任何其他元素。試試這個：

{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> 
)}

來源

2017-02-21 08:44:07

使用映射時反應錯誤

回答

相關問題