模塊構建失敗（來自 ./node_modules/babel-loader/lib/index.js）

Question

我的 App.js 上有這段代碼：

import React, {useEffect, useState} from 'react'

function App() {

const [backendData, setBackendData] = useState([{}])

useEffect(() => {
fetch("/api").then(response => response.json()).then(
  data => {
    setBackendData(data)
  }
)
}, [])
 return (
  <div>
  {(typeof backendData.users === 'undefined') ? (
    <p>Loading...</p>
  ): (
    backendData.users.map(user, i) => (
      <p key={i}>
      {user}
    </p>
    ))
  
)}
</div>
)
}

 export default App

我一直收到這個錯誤：

./src/App.js 中的錯誤

模塊構建失敗（來自 ./node_modules/babel-loader/lib/index.js）：SyntaxError: E:\Interconnect\client\src\App.js: Unexpected token, expected "," (19:39)

第 19 行是這樣的：

backendData.users.map(user, i) => (

Answer 1

正確的語法是

backendData.users.map((user, i) => (
  <p key={i}>
    {user}
  </p>
))

在(user, i) => (...)函數周圍有一對括號。