Блог

Главная - Вопросы по программированию - как react может возвращать тег?

как react может возвращать тег?

#javascript #reactjs

#javascript #reactjs

Вопрос:

я просто хочу прочитать самый начальный фрагмент кода в react:

 return (
    <blob></blob>
)

но я вообще не могу справиться с этим в своем уме! как это возможно в react? разве что-то подобное не должно создавать Uncaught SyntaxError: Unexpected token '<' в javascript??

может ли кто-нибудь помочь мне понять, как работает react, и разобраться с этой чистой ошибкой javascript, которая должна возникать, когда javascript пытается скомпилировать / интерпретировать (javpile!) это?

я знаю, что такое JSX!, но я имею в виду, что мы применяем правила javascript с помощью этого

Комментарии:

1. Это и есть jsx. Читайте об этом подробнее. Вы получите контекст этого

2. reactjs.org/docs/introducing-jsx.html

Ответ №1:

Да, в обычном javascript это вернуло бы ошибку. Если вы скопируете и вставите что-то подобное в консоль браузера, будет выдано ожидание.

Вот почему вы не можете напрямую включать файлы jsx в браузер, но вам нужно использовать какой-то препроцессор (например, webpack, babel и т.д.), настроенный на использование плагина, способного понимать jsx и переводить его в js-файл.

Обычно:

 .js -> browser

С помощью react:

 .jsx -> preprocessor with proper configuration -> .js -> browser