HTML код в JS без кавычек. Как это реализовано в React?

#javascript #html #reactjs

В методе ReactDOM.render React-a мы можем объявлять компоненты сразу HTML кодом. Вот так:

ReactDOM.render(

    
, 
document.getElementById('fieldToShow'));


Как я понимаю render() - это метод написанный на JS, а HTML передается в него как
аргумент функции. Но ведь JS не может оперировать HTML кодом без кавычек.
Например, если я напишу следующий код, то само-собой получу ошибку "Unexpected token <":

function test(
) {}


Также при выводе HTML из JS функции:

function test(){
    return 

}


У кого-нибудь есть идеи, как это реализовано в React-е? 

Можете привести пример кода, позволяющего передавать в JS функцию HTML код в качестве
аргумента, при этом не вызывая ошибки компиляции?
    

Ответы

Ответ 1

В данном случае используется не html, а jsx код, который, впрочем, очень похож на
html. Подробнее можно прчесть в документации тут https://reactjs.org/docs/introducing-jsx.html
или тут https://facebook.github.io/jsx/