文件名称:react-headless-phone-input:React的无头电话号码输入组件。 因为电话号码很难
文件大小:128KB
文件格式:ZIP
更新时间:2024-06-01 15:01:37
react input phone-number e164 phone-formatting
React无头电话输入 为提高可用性而设计的无头电话号码输入组件。 。 用户希望能够以他们惯用的格式输入电话号码。 问题是:大多数人习惯于使用国家(甚至是本地)电话号码格式。 如果将电话号码验证转移到后端(或API),则解决歧义变得困难,甚至不可能。 此组件可帮助您构建一个UI,以优雅地指导您的用户使用明确的电话号码格式。 您将获得标准e164格式的结果:可以与任何电话服务一起使用。 其他库通常很笨重(电话号码规则集可能很大-该库占99.1%的是由于),迫使您使用其UI,并且无法处理复制和粘贴或就地编辑。 react-headless-phone-input专为可用性而设计,可让您带上自己的输入组件。 实际上,几乎可以肯定,您现有的输入字段无需任何修改即可工作。 另外,它还支持可选的延迟加载以及由React Suspense提供支持的渐进增强功能。 使用React Hook
【文件预览】:
react-headless-phone-input-master
----.storybook()
--------main.js(61B)
----.gitignore(18B)
----tsconfig.json(6KB)
----README.md(4KB)
----stories()
--------story.stories.jsx(3KB)
----.github()
--------ISSUE_TEMPLATE()
----rollup.config.js(884B)
----lazy.d.ts(74B)
----LICENSE(1KB)
----package.json(1KB)
----src()
--------index.tsx(3KB)
--------as-you-type.cjs(213B)
--------lazy.tsx(692B)
----CODE_OF_CONDUCT.md(3KB)
----types()
--------PhoneFormatterProps.d.ts(832B)
----lazy.mjs(78B)
----package-lock.json(446KB)