mutasi pada state ketika mengikuti tutorial konsume api react

saya mengikuti tutorial konsume api pada react

ketika saya coba membuat state pada app ada warning "Do not  mutate state directly.Use setState()" , kedua ketika saya compile ada syntaxError pada bagian super(props) padahal sudah saya tarun didalam blok constructor

class App extends Component
{
  constuctor(props)
  {
    super(props); // SyntaxError: C:\Users\LENOVO\Documents\BelajarJS\BelajarReact\belajar-api\src\App.js: `super()` is only valid inside a class constructor of a subclass. Maybe a typo in the method name ('constructor') or not extending another class? (8:4)
    this.state =  // Do not mutate state directly . Use setState()
    {
      items : []
    }
  }

  componentDidMount()
  {
    fetch("https://jsonplaceholder.typicode.com/users")
    .then(response => response.json())
    .then(data => this.setState({items:data}))
  }

  render()
  {
    const {items} = this.state
    return(
      <div>
        <ul>
          {items.map((item,index) => <li key={index}>{item.name}</li>)}
        </ul>
      </div>
    )
  }
}
avatar nangaps
@nangaps

1 Kontribusi 0 Poin

Diperbarui 1 tahun yang lalu

Tanggapan

Kamu sudah import Component nya mas ?

1 Jawaban:

<div>Itu udah jelas errornya, ada typo. Harusnya constructor, km menuliskan constuctor. Lebih teliti lagi ya. Tetap semangat.</div>

avatar Septemberkid
@Septemberkid

59 Kontribusi 23 Poin

Dipost 1 tahun yang lalu

Login untuk ikut Jawaban