Millised on Reactis kaks peamist komponendi tüüpi?

Reactis on kaks peamist komponentide tüüp:

1. Funktsionaalsed komponendid (Functional Components) — need on funktsioonid, mis võtavad props ja tagastavad JSX-i. Need on lihtsamad ja kergemad, eriti hookide ilmumisega, mis võimaldavad kasutada Reacti olekut ja muid võimalusi.

2. Klassikomponendid (Class Components) — need on ES6 klassid, mis pärivad React.Component-ist ja omavad elutsükli meetodeid, olekut (state) ja muid võimalusi.

Näide funktsionaalsest komponendist:

function Greeting(props) {
  return <h1>Tere, {props.name}!</h1>;
}

Näide klassikomponendist:

class Greeting extends React.Component {
  render() {
    return <h1>Tere, {this.props.name}!</h1>;
  }
}