В React/JSX комментарии следуют соглашениям JavaScript, но требуют специального форматирования внутри JSX-разметки. Комментарии нужно оборачивать в фигурные скобки, чтобы компилятор их правильно интерпретировал.
Для однострочных комментариев внутри JSX-элементов используй такой синтаксис:
<div>
{/* This is a single-line comment */}
Welcome {user}, let's play React
</div>
Комментарий помещается внутрь фигурных скобок {} с синтаксисом JavaScript-комментария /* */.
Для комментариев на несколько строк используй тот же подход:
<div>
{/*
This is a multi-line comment
that spans across several lines
*/}
Welcome {user}, let's play React
</div>
Когда пишешь комментарии вне JSX-разметки (например, в обычном JavaScript-коде), можешь использовать стандартный синтаксис JavaScript-комментариев:
// для однострочных комментариев/* */ для многострочных комментариев// Regular JavaScript comment
const greeting = "Welcome to React";
/*
Multi-line JavaScript comment
outside JSX elements
*/
Ключевое отличие в React: комментарии внутри JSX должны быть обёрнуты в фигурные скобки и использовать синтаксис /* */. Это необходимо потому, что JSX компилируется в вызовы JavaScript-функций, а фигурные скобки сигнализируют компилятору, что содержимое нужно интерпретировать как JavaScript-выражение, а не как JSX-разметку.
Комментарии внутри JSX разметки должны быть обёрнуты в фигурные скобки и использовать синтаксис /* */, чтобы быть правильно интерпретированы компилятором.
Новый — ещё не проверен сообществом
Вы