当前位置: 首页 > 面试题库 >

React.js直接用HTML编写组件

穆理
2023-03-14
问题内容

我对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>

我想念什么吗?谢谢


问题答案:

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

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

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



 类似资料:
  • 本文向大家介绍静态HTML元素直接用SAPUI5编写,包括了静态HTML元素直接用SAPUI5编写的使用技巧和注意事项,需要的朋友参考一下 SAPUI5允许开发人员在某些区域使用UI5控件来使用自己的静态HTML元素。它不是封闭的框架,允许您使用sap.ui.core.HTML控件在UI5渲染的区域内编写任意数量的纯HTML,因此可以轻松混合HTML和UI5控件。 但是,由UI5控件创建的HTML

  • 问题内容: 我正在尝试在我的java类中编写几行HTML,该HTML行从另一个API获取一些数据。我以JSON字符串形式获取数据,然后将其显示在网页上。 要创建HTML,我尝试: 但是最终显示的是html标签的字面解释。有没有一种方法可以创建此字符串,以便标记将保留为标记而不是转义字符? Java类是托管bean,因此在html中,我具有: 其中fullLeadData是带有html的字符串。 问

  • 问题内容: 是否可以在JSON中编写HTML字符串? 我想在JSON文件中编写如下内容: 问题答案: 您应该在HTML字符串中通过添加“ ** ” 来转义双引号等字符 例如:

  • 问题内容: 我一直在阅读几篇文章,介绍什么是什么以及支持它的供应商(DataNucleus,JBoss Hibernate等) 我没有ORM(对象关系映射)的经验。 到目前为止,我所做的就是使用DTO和DAO编写自己的数据库类。到目前为止,我对我所拥有的感到满意,但是想知道 为什么人们使用JPA而不是包含SQL的Java文件 。 对我来说,我觉得编写DAO类可以像下面这样。 我了解到JPA使用JP

  • 本文向大家介绍用Typescript编写的ReactJS组件,包括了用Typescript编写的ReactJS组件的使用技巧和注意事项,需要的朋友参考一下 示例 实际上,您可以像在Facebook的示例中那样在Typescript中使用ReactJS的组件。只需将“ jsx”文件的扩展名替换为“ tsx”: 但是为了充分利用Typescript的主要功能(静态类型检查),应该做几件事: 1)将Re

  • 我正在用TypeScript编写一个React高阶组件(HOC)。HOC应该比包装组件多接受一个道具,所以我写了以下内容: 换句话说,是一个生成实际hoc的函数。这个HOC(我相信)是一个接受