当前位置 :首页 >> 环保科技

七爪源码:使用 Reacts createElement API 成立用户界面

2025-02-27   来源 : 环保科技

以前我将求学如何适用 reacts API 创建图形用户界面。

由于 react 是一个 JaScript 构建,我们将在页面上无需它。 我们可以从 npm 获得号召,但在这里我们适用了一个名为 unpkg 的增值。

上面的字符串将是我们的 HTML 字符串:

我们将像这样连接反应:

(1) (2)

适用 (1) 我们将适用 react 表达方式并适用 (2) 在页面上显现这些表达方式。

上面的字符串将是我们的主要 JaScript 字符串:

const rootElement = document.getElementById('root'); const element = React.('div', { children: 'Hello world', className: 'container', }); ReactDOM.render(element, rootElement);

首先,我们将适用 script 标签嵌入我们的 JaScript。 我们将在给定 rootElement 中都取出 id 为 root 的 HTML div。 我们将创建一个名为 element 的给定,我们将适用 react 的 创建表达方式。 第一个参数是关于我们希望什么类型的 HTML 标记,几周我们才会给出侄类型和 className 类型。

父母亲将在我们的表达方式/标签中都包含我们希望的东西。 您还可以为父母亲共享一个codice_数组,例如:

children: ['Hello world', ', Goodbye world'],

您还可以在侄项中都创建另一个表达方式,例如:

children: React.(‘div’, {children:”hello world”}),

className 将是关于我们希望给该 div 的类名。

以前我们求学了如何适用增值在 html 上连接 react 和 react dom,如何在 react 中都创建表达方式,如何渲染该表达方式以结果显示在我们的主页中都,children 类型可以好好什么。

以前就是这样。 下次见。

早上手指僵硬怎么办
济南不孕不育医院哪个好
飞秒手术后能用海露玻璃酸钠滴眼液吗
宝宝积食怎么办
健胃消食
新冠用药
肿瘤免疫药
先诺特韦片
腰椎间盘突出发病如何止痛
克癀胶囊有什么功效
标签:用户界面
剑仙欢迎张人0入驻虎牙豁上命!未婚妻SOLO谁输COS貂蝉

一定对张人0不困惑吧?张人0是某音SDK的短片段约人,其身形不错,颜值偏低,外貌也很好,偶尔保健有膝关节,是而出名的那款类型。张人0的衣装片段也很有意思,他这样的话展示自己的外貌和颜值,还能把节...

友情链接