Cykl Życia

git checkout 14-lifecycle -f

W momencie zamontowania komponentu coś zrobić służy do tego metoda cyklu życia componendDidMount.

class App extends React.Component {
  // stan i reszta

  componentDidMount = () => {
    console.log('zamontowałem się!');
  };
  render() {
    // renderowanie
  }
}

Zostanie to wywołane dla każdej instancji komponentu.

Możemy też odpytać o dane korzystająć z przeglądarkowego fetch. Będziemy też korzystać z promisów.

componentDidMount = () => {
  //  zaciągnij dane z api
  fetch('https://kuznia-kodu.pl/api/users')
    // przerób odpowiedź na json
    .then((data) => data.json())
    .then((data) => {
      // wyświetl dane
      console.log({ data });
    });
};