Javascript 在“返回”这些HTML标记的情况下，如何在ReactJS中进行渲染

在React代码中，我看到return；里面有HTML。。。这是有效的Javascript吗？它是否以某种方式转换为字符串或其他内容

我现在正在学习Javascript，当然还有一些差距。这让我很困惑，这是怎么做到的

var AddTodoComponent = React.createClass({
  render: function () {
    return (
      <form>
        <input type="text" disabled={AppStore.isSaving()}/>
      </form>
    );
  }
});

此语法称为。它通常不是有效的JavaScript，因为您的浏览器可能不会接收它，但通过transpiler，您可以获得正确的JavaScript

在上面的链接中，您还将看到如何立即编写有效的JavaScript，避免JSX语法。这是transpiler将产生的

以下示例来自上面的Facebook链接

var Nav, Profile;
// Input (JSX):
var app = <Nav color="blue"><Profile>click</Profile></Nav>;
// Output (JS):
var app = React.createElement(
  Nav,
  {color:"blue"},
  React.createElement(Profile, null, "click")
);

如您所见，在“输出”部分中，React定义了一个为您执行渲染的方法React.createElement。此语法被调用。它通常不是有效的JavaScript，因为您的浏览器可能不会接收它，但通过transpiler，您可以获得正确的JavaScript

在上面的链接中，您还将看到如何立即编写有效的JavaScript，避免JSX语法。这是transpiler将产生的

以下示例来自上面的Facebook链接

var Nav, Profile;
// Input (JSX):
var app = <Nav color="blue"><Profile>click</Profile></Nav>;
// Output (JS):
var app = React.createElement(
  Nav,
  {color:"blue"},
  React.createElement(Profile, null, "click")
);

---

如您所见，在“输出”部分中，React定义了一个为您执行渲染的方法React.createElement

查看文档中的示例并单击“编译的JS”选项卡：。查看文档中的示例并单击“编译的JS”选项卡：。是！浏览链接网站上的其他页面。它们包含了如此丰富的反应知识，从技术上来说，真的没有太多需要知道的。我和React一起度过了我的第一周，每天只阅读其中的一些内容，然后将这些知识应用到我的应用程序中。是的。我正在努力学习Javascript。我对React和React Native的工作非常感兴趣。所以我计划在学习纯JS的同时学习React。那个transpiler是如何开始的？我似乎能够编写jsx和页面呈现。这个transpiler有开销吗？您可以像其他任何程序一样从命令行调用它。我使用TypeScript，但babel是另一种选择。有一个演示如何使用巴贝尔来做这件事。是的！浏览链接网站上的其他页面。它们包含了如此丰富的反应知识，从技术上来说，真的没有太多需要知道的。我和React一起度过了我的第一周，每天只阅读其中的一些内容，然后将这些知识应用到我的应用程序中。是的。我正在努力学习Javascript。我对React和React Native的工作非常感兴趣。所以我计划在学习纯JS的同时学习React。那个transpiler是如何开始的？我似乎能够编写jsx和页面呈现。这个transpiler有开销吗？您可以像其他任何程序一样从命令行调用它。我使用TypeScript，但babel是另一种选择。有一个演示如何使用巴贝尔做这件事。