小编典典

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>

我想念什么吗?谢谢


阅读 613

收藏
2020-07-22

共1个答案

小编典典

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

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

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

2020-07-22