React.js - “無法讀取未定義的屬性‘地圖’”

Question

我已經嘗試了通過搜索找到的方法，但這些方法都不起作用？ 為什么它仍然顯示map未定義？

import TextField from '@material-ui/core/TextField';
import Autocomplete from '@material-ui/lab/Autocomplete';

class ComboBox extends React.Component {

  state ={
    option : []
  }
  async componentDidMount(){
  const url = await 'https://api.covid19india.org/data.json';
  const response =await fetch(url);
  const data = response.json();
  const pop = data.statewise.map(st=>st.state);
  this.setState({option : pop})

  }


  render(){
    return (
    <Autocomplete
      id="combo-box-demo"
      options={(this.state.option)}
      style={{ width: 300 }}
      renderInput={(params) => <TextField {...params} label="Combo box" variant="outlined" />}
    />
  );}
}

export default  ComboBox```

Answer 1

response.json()返回一個promise 。 你應該換行

  const data = response.json();

至

  const data = await response.json();

順便說一句，在const url = await 'https://api.covid19india.org/data.json';中使用await ； 是多余的