Question

这是后勤问题，而不是代码问题。 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无关，也表示歉意。如果是的话，我应该在哪里问这个问题呢？谢谢。

Answer 1

JSX是JavaScript的扩展，支持嵌入HTML元素。

这里有一个重要的区别：JSX是JavaScript，这是一种编程语言。 HTML是一种文档格式。您不能“运行” HTML。但是您可以运行JavaScript，并且JavaScript程序可以生成HTML。

JSX文件被编译成浏览器运行的JavaScript。在JSX中具有HTML元素的地方，JSX编译器会生成对React的调用，以创建这些HTML元素并将其添加到HTML DOM。

如果您想为此使用JSX，则需要编写一个React应用程序。但是您编写的应用程序看起来不太像HTML。取而代之的是，您将使用React组件来创建按钮并在单击按钮时更改其标签，React将负责为您生成HTML。

JSX如何与HTML文件交互？

1 个答案: