5. Komponendid

React components are reusable chunks of JavaScript that output (via JSX) HTML elements. Kompnent on põhiline Reacti iseseisev koostisosa, komponent koosneb elementidest, nt element:

const element = <h1>Hello, world</h1>;

komponent:

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

Komponente saab luua kahel erineval viisil:

Class komponent

import React from 'react';

class App extends React.Component {
  render() {
    return <h1>Ho-hoo!</h1>
  }
}

export default App

Stateless komponent ehk funktsioonkomponent Teevad midagi aga ei pea midagi (seisundit = state) meeles. Kui võimalik siis tuleks eelistada funktsioonikomponendi kasutamist - juhul kui kasutajal pole vaja sellele komponendile klikata, kui sellel pole vaja state-omadust kasutada.

import React from 'react';
  const App = () => <h1>Ho-hoo!</h1>
export default App

React components are reusable chunks of JavaScript that output (via JSX) HTML elements.

Komponenti võib võrrelda Javascripti funktsiooniga.

Stateful e class komponent Mäletavad asjade seisundit avaldises

this.state

ja neid seisundeid saab muuta avaldisega

this.setState

Stateless