我認為這與文本編輯器（Atom）中的 babel 或 javascript-language 包有關，因為我實際上是在按照教程進行編碼，而我剛剛開始，并且在運行“npm start 或 yarn start”后已經出現錯誤。我的代碼與教程中的代碼完全相同，但在我的情況下，它會提示以下錯誤：
這是我的代碼：
import './App.css'
import React, {Component} from 'react'
class App extends Component {
constructor(){
super()
this.state= {
monsters: []
};
}
componentDidMount(){
fetch('https://jsonplaceholder.typicode.com/users')
.then(response => response.json())
.then(data =>
this.setState(
()=>{
monsters: data
}
)
);
}
render(){
return <div className='App'>
<h1>{this.state.monsters}</h1>
<ul>{this.state.monsters.map((monster)=>{
return <li>{monster.name}</li>;
})}</ul></div>;
}
}
export default App;
我希望有人能給我提示我應該做什么或嘗試什么，以解決這個問題......
uj5u.com熱心網友回復：
這里的花括號使它成為一個函式，并且它期望一個return值。您的意圖是回傳一個物件。為此，請添加括號。
// From this:
()=>{
monsters: data
}
// To this:
()=> ({
monsters: data
})
這應該夠了吧。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/453562.html