react

Syntax Error: SyntaxError: Adjacent JSX elements must be wrapped
 in an enclosing tag. Did you want a JSX fragment <>...</>?

Рабочим оказывается вариант вроде:

Ставим 4-ре пакета двумя командами:

npm install --save-dev @babel/preset-react
npm install  react react-dom prop-types

далее правим webpack.config.js:

// webpack.config.js
// ...

Encore
    // ...
+     .enableReactPreset()
;

• На базе официального руководства (с yarn): https://symfony.com/doc/current/frontend...

ПРИМЕЧАНИЯ:

См. прекрасное объяснение в официальной документации: https://ru.reactjs.org/docs/state-and-li...

Состояние -- свойство элемента, которое меняется, но при этом:

• не передается от родительских элементов,
• и что нельзя вычислить по состоянию других элементов.

Например:

• Поисковый запрос в форме поиска при фильтрации товаров

Можно в таком порядке (актуально как минимум для версии 16.8):

• Как начать
• Основные шаги, что полезно знать