React.js直接用HTML编写组件

小编典典

reactjs

我对React.js还是很陌生，但是在探索它时，我期望我做不到的事情。

说我有一个组成部分：

var SampleComponent = React.createClass({
  render: function() {
    return (
      <div>Hello</div>
    );
  }
});

这是将其添加到DOM的唯一方法吗？

React.render(
  <SampleComponent />,
  document.getElementById('content')
);

我希望在定义组件之后能够直接在HTML中执行类似的操作：

    <!DOCTYPE html>
    <html lang="en">
        <head></head>
        <body>
            <SampleComponent />
        </body>
    </html>

我想念什么吗？谢谢

阅读 614

2020-07-22

共1个答案

小编典典

不，使用React.render()是“唯一的方法”。

您可能会期望像Webcomponents这样的东西，您可以在其中定义自定义元素并将其放入HTML中，但这不是React的工作方式（也许）。

但是，有一个称为的库x-react，您可以在其中注册这些类型的元素，但是它仍然是JavaScript驱动的，而不是HTML格式。

2020-07-22