use-stepper:React钩子来管理数字步进器

时间:2024-03-11 22:56:40
【文件属性】:

文件名称:use-stepper:React钩子来管理数字步进器

文件大小:242KB

文件格式:ZIP

更新时间:2024-03-11 22:56:40

react hooks react-hooks TypeScript

使用步进 React钩子来管理数字步进器 问题 数字步进器(减量按钮,输入,增量按钮)在实现上看似微不足道。 您必须管理最小值,最大值,输入本身以显示当前值(概念上为数字,但最终是HTML中的字符串),从而允许用户*键入并希望输入有效数字(例如,“-”为NaN但您必须让他们输入内容,这样他们才能进入“ -4”,因此仅将输入解析为数字是不够的),在模糊时解释输入的值,等等。 这个解决方案 这个为您管理所有这一切,因此您只需要担心样式。 它返回电流值,手动值操作功能,并集合价差在您的表单元素,使这一切一起工作。 它还包括提供您自己的自定义状态缩减器的功能,以最终控制应用程序中“增加”,“减少”,“强制”等动作的含义。 目录 安装 使用: yarn add use-stepper 或者, : npm install use-stepper 此软件包还取决于react 16.8.0


【文件预览】:
use-stepper-master
----codecov.yml(118B)
----release.config.js(44B)
----commitlint.config.js(70B)
----yarn.lock(608KB)
----LICENSE.txt(1KB)
----.eslintrc.js(280B)
----.prettierignore(27B)
----src()
--------utils()
--------__tests__()
--------use-stepper.ts(7KB)
----.circleci()
--------config.yml(777B)
----CONTRIBUTING.md(646B)
----tsconfig.json(302B)
----RELEASING.md(132B)
----jest.config.js(480B)
----README.md(10KB)
----.husky()
--------commit-msg(80B)
--------pre-commit(71B)
--------.gitignore(1B)
----setupTests.js(50B)
----renovate.json(359B)
----prettier.config.js(106B)
----lint-staged.config.js(144B)
----.gitignore(3KB)
----.babelrc.js(124B)
----CHANGELOG.md(188B)
----.eslintignore(22B)
----package.json(3KB)

网友评论