კომპონენტის მუშაობის შედეგი

შედეგების დივში გამოჩნდება ის, რასაც აბრუნებს return კომპონენტის ფუნქცია. შემდეგ მაგალითში ეს იქნება დივი ტექსტით:

jsxfunction App() {
  return <div>
    text
  </div>;
}

ყურადღება მიაქციეთ იმას, რომ დივს ვწერთ ბრჭყალების გარეშე - უბრალოდ ვწერთ თეგს JavaScript-ის კოდში! ეს არის React-ის მთავარი თავისებურება. სინამდვილეში, React-ში ჩვენ ვწერთ არა JavaScript-ის ენაზე, არამედ JSX-ის ენაზე, რომელსაც შემდეგ გაკვეთილებზე შევისწავლით.