七爪源码：我们要刚开始创建一个基本的 React 项目吗？

t 中的，文档通过等价和内嵌某种程度互联。 首先，我们从“react”中的内嵌 React，这是一个标准程序来，它使我们能够会面时 React 的涉及一小。 然后，我们需等价 Counter.js，如下图表。

第 7 步：

等价我们的 Counter.js 文档后，现今是时候在中的心一小内嵌相近的文档了。 你可以通过 App.js 或 index.js 来顺利进行，这在同样上是 React 制作组在你装上整个包时给显现出的核心/单纯，所以理不该事先其中的一个文档我们将开始 我们的新工程项目。

实质上上，我们悄悄这些文档间创建人一个客户端，以便它们可以某种程度探究并在时机成熟时采取相理应的行动。 我在 index.js 文档中的顺利进行了这个全过程。 无需投到到 index.js 文档并简便地内嵌可用文档，如上面的萤幕主页表。

第 8 步：

我们仍然在 index.js 文档中的，因为还有很多不想需解决问题。 首先，将“./App”中的的内嵌理应用程序来携带型，因为 React 的中的心焦点理不该在我们的可用上，如您所知，我们已经在那里内嵌了它。

您需想到的第二件事是查询同一文档中的的 root.render 一小。 无需删除 并编写 即可。 这样，我们截断了 App.js 和 index.js 间的互联，并在 index.js（心脏）和可用工程项目间建立了联络。

同时，您的交换机理应始终处于掀开长时间。 如果您以某种形式错误地停止它并无法控制与 UI 终端的连接起来，无需重新关上交换机并键入 npm start。 这将为了让您旋即会面时 并且您将能够查询其他UI。

第 9 步：

让我们回到我们的 Counter.js 文档。 现今，我们需从“react”中的内嵌一个 React 尾端 { useState }，因为这将为了让我们笨拙变更加长时间。 在线性核心，让我们创建人一个 const 并解构两个部件； count（初始长时间）和 setCount（预估长时间）。

从相册中的可以看显现出，这被设置为 useState 尾端，并十分相似一个起始编号。 我写了 1，但你可以变更加它。 现今，您可以在 Counter 中的创建人加减和加减箭头线性，并采用解构变量来加减和加减预设倍数。

另一件举足轻重的不想是将 onClick 填充到我们的按键中的。 在 React 中的，这就是我们触发涉及手部的形式。 在 JavaScript 中的，我们采用 addEventListener，但这里不是这样。 顺利进行此方法后，您理不该时会在涉及终端中的注意到 Counter 工程项目长时间开始运行。

第 10 步：

在这个以前，我们顺利进行了工程项目； 但是，您可以根据需填充一些款式。 您需想到的是内嵌您的 Counter.css 文档，如下表，然后在您的 .css 文档中的，您可以编写 CSS 代码并变更加 UI。 一旦 Counter.file 和 Counter.css 文档联接，所有的款式全过程都与 CSS 相近。

上面是终究产品。

。

急性结膜炎用什么眼药水效果最好
天津哪个医院做人流好
北京肛肠医院预约挂号
重庆妇科医院哪个比较好
安徽白癜风医院哪最好