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

  • Kamu sudah import Component nya mas ? - @insanz01


Jawaban

Itu udah jelas errornya, ada typo. Harusnya constructor, km menuliskan constuctor. Lebih teliti lagi ya. Tetap semangat.
avatar Septemberkid

@Septemberkid

59 Kontribusi 22 Poin


Login untuk gabung berdiskusi