Как JSX взаимодействует с файлом HTML? - PullRequest
Новая
       11

Как JSX взаимодействует с файлом HTML?

0 голосов
/ 23 июня 2019

Этот вопрос больше касается логистики, чем кода.Как JSX взаимодействует с файлами HTML?Когда я буду использовать JSX против HTML?Например, скажем, у меня есть файл example.html: 

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
    <button id="button" onclick="example()">click me</button>
</body>

<script>
    function example() {
    var b = document.getElementById("button").innerHTML = "clicked";
}
</script>

</html>

Как я воссоздаю эту кнопку и ее свойства в JSX?Нужно ли вообще использовать HTML в этой ситуации или замена JSX заменяет HTML?

Также извиняюсь, если это неуместный вопрос для Stackoverflow.Если да, то где мне задать этот вопрос?Спасибо.

1 Ответ

1 голос
/ 23 июня 2019

JSX - это расширение JavaScript, которое поддерживает встраивание элементов HTML.

Здесь есть важное различие: JSX - это JavaScript, который является языком программирования.HTML это формат документа.Вы не можете "запустить" HTML.Но вы можете запустить JavaScript, и программа JavaScript может генерировать HTML.

Файл JSX компилируется в JavaScript, который запускается браузером.Там, где у вас есть элементы HTML в JSX, компилятор JSX генерирует вызовы React для создания этих элементов HTML и добавления их в HTML DOM.

Если вы хотите использовать для этого JSX, вы должны написатьРеагировать на приложение.Но приложение, которое вы пишете, не очень похоже на этот HTML.Вместо этого вы будете использовать компоненты React для создания кнопки и изменения ее метки при нажатии, и React позаботится о том, чтобы сгенерировать для вас HTML.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...