當在地圖中返回HTML時，圍繞箭頭體錯誤的塊聲明

Question

我明白這個問題之前已經被問過了，但是我無法弄清楚linter在我目前的情況下想要的語法。

我明白我需要刪除塊語句括號，但無法弄清楚如何重構，以得到它的工作，並通過皮棉：

return (
    <div> 
    { 
     paymentSchedule.map((payment) => { 
     return (
      <div>{payment.description}</div> 
     ); 
     }) 
    } 
    </div> 
); 

這將產生以下皮棉錯誤：

Unexpected block statement surrounding arrow body

Answer 1

使用此：

return (
    <div> 
     { 
     paymentSchedule.map(payment => <div key={payment.description}>{payment.description}</div>) 
     } 
    </div> 
); 

原因：這裏不要求塊語句，因爲你只是想返回div，直接用上面的方式。

建議：爲每個元素指定唯一鍵，否則它將拋出警告。