文件名称:react-hooks-state-and-events-codealong
文件大小:190KB
文件格式:ZIP
更新时间:2024-05-12 21:27:08
HTML
React状态和事件代码 概述 在此代码中,我们将进行一些动手实践,以根据不同类型的事件编写具有状态和设置状态的组件。 目标 用一个状态变量设置一个组件 根据事件更新状态 向组件添加状态 要练习将状态添加到组件中,请编写代码以及此自述文件。 src/components文件夹中有一些入门代码。 我们将状态添加到某些现有组件中,并构建一些取决于状态的功能。 快速回顾一下: 状态是组件中随时间变化的数据。 必须通过调用useState在组件中初始化useState 。 通过调用setState更新状态将导致我们的组件自动重新呈现。 要进行编码,请运行npm install && npm start来安装依赖项并运行演示应用程序。 确定何时添加状态 对于我们的第一个组件,让我们使用切换按钮。 它应该执行以下操作: 首次显示时,该按钮应显示“ OFF” 单击该按钮时,应该说“开” 再次
【文件预览】:
react-hooks-state-and-events-codealong-master
----package.json(576B)
----.github()
--------workflows()
----package-lock.json(664KB)
----CONTRIBUTING.md(2KB)
----src()
--------index.js(157B)
--------components()
----LICENSE.md(1KB)
----.gitignore(505B)
----public()
--------logo192.png(5KB)
--------manifest.json(492B)
--------robots.txt(67B)
--------index.html(2KB)
--------logo512.png(9KB)
--------favicon.ico(4KB)
----README.md(7KB)
----.canvas(152B)