react-forms-lab-web-0217

时间:2024-05-18 15:06:48
【文件属性】:

文件名称:react-forms-lab-web-0217

文件大小:113KB

文件格式:ZIP

更新时间:2024-05-18 15:06:48

JavaScript

React控制组件实验室 概述 在本实验中,您将编写和使用受控组件,并为表单组件编写验证。 受控组件 现在我们知道了如何在React中处理表单元素以及如何设置受控组件,是时候将该知识用于测试了。 这个实验相当广泛,但是您将在这里使用许多核心的React概念,这些概念会一次又一次地浮出水面。 是时候练习一下了! 本实验的一般说明: 在这些练习中,大多数DOM是为您预先编写的。 请不要删除文件中已有的任何内容-大多数是确保测试正确运行所必需的。 当指示您在状态中保存值时,使用的键并不重要,只要它在其中即可! TwitterMessage 打开components/TwitterMessage.js文件。 该组件采用一个道具: maxChars ,它是一个数字-消息可以具有的最大字符数。 该道具从App组件传入,值为140 。 您将在此组件中找到<input type="text">


【文件预览】:
react-forms-lab-web-0217-master
----.gitignore(732B)
----README.md(3KB)
----bin()
--------debug-ide(331B)
--------copy-hooks(146B)
----test()
--------mocha.opts(46B)
--------1-TwitterMessage-test.js(1KB)
--------util.js(269B)
--------2-LoginForm-test.js(4KB)
--------0-helpers.js(475B)
--------root.js(413B)
----public()
--------index.html(1KB)
--------favicon.ico(24KB)
----.learn(77B)
----package.json(1KB)
----CONTRIBUTING.md(2KB)
----src()
--------components()
--------index.js(151B)
--------App.js(589B)
----LICENSE.md(1KB)
----.editorconfig(165B)
----webpack.config.js(840B)
----hooks()
--------pre-commit(160B)
----package-lock.json(468KB)

网友评论