Difference between class components and functional components?

Najpierw odpowiedz na głos lub w myślach, potem porównaj.

Odpowiedź

Class:

JSX

class Counter extends React.Component {
  state = {
    count: 0
  };

  render() {
    return <div>{this.state.count}</div>;
  }
}

Functional:

JSX

function Counter() {
  const [count, setCount] =
    useState(0);

  return <div>{count}</div>;
}

Współcześnie standardem są function components + hooks.

Class components nadal można spotkać w starszym kodzie.

Jak poszło? Bądź szczery — „Jeszcze nie” dodaje pytanie do powtórki.