child, потім parent

parent, потім child

child

parent

Використання кутових дужок (<>)

Використання одинарних лапок ('')

Використання подвійних лапок ("")

Використання зворотних лапок (``)

<Greeting props={title: "Hello"}>

<Greeting title = "Hello">

<Greeting title="Hello" />

<Greeting ("Hello")>

<select>

<dropdown>

<input type="dropdown>

<option>

{isLoading && return <Spinner />}

<Spinner if={isLoading} />

{if (isLoading) <Spinner />}

{isLoading ? <Spinner /> : null}

Це синтаксис JSX для рядків

Щоб уникнути помилки компіляції

Через обмеження HTML

Для передачі JavaScript-виразу