Дар React ду намуд асосии компонент вуҷуд дорад?

Дар React вуҷуд дорад ду навъи асосии компонент:

1. Компонентҳои функсионалӣ (Functional Components) — ин функсияҳое мебошанд, ки props қабул мекунанд ва JSX бармегардонанд. Онҳо содда ва сабуктар мебошанд, махсусан бо пайдоиши hooks, ки имкон медиҳанд истифодаи ҳолат ва дигар имкониятҳои React.

2. Компонентҳои синфӣ (Class Components) — ин синфҳои ES6 мебошанд, ки аз React.Component мерос мегиранд ва дорои методҳои давраи ҳаёт, ҳолат (state) ва дигар имкониятҳо мебошанд.

Масалан барои компонентҳои функсионалӣ:

function Greeting(props) {
  return <h1>Салом, {props.name}!</h1>;
}

Масалан барои компонентҳои синфӣ:

class Greeting extends React.Component {
  render() {
    return <h1>Салом, {this.props.name}!</h1>;
  }
}