当前位置 :首页 >> 自然生态

七爪源码:用于 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 ID连在一起我们的 JaScript。 我们将在表达式 rootElement 中会取出 id 为 root 的 HTML div。 我们将成立一个原称 element 的表达式,我们将用于 react 的 成立成分。 第一个参数是关于我们自已什么类别的 HTML 标上,每一次我们必须给出长子要素和 className 要素。

孩长子将在我们的成分/ID中会包含我们自已的东西。 您还可以为孩长子包括一个运算符变量,例如:

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的衣装片段也很有意思,他这样的话展示自己的外貌和颜值,还能把节...

友情链接