React验证码输入框组件；react-input-groups；仿支付宝 微信 密码输入格子，仿钉钉摩拜验证码输入格子框。

                                                               。。

• 项目中需要做一个类似支付宝输入密码的6个小方格用来接收验证码，后来改成了类似钉钉验证码的下划线输入组件，然后我对这两种情况进行了简单的封装。
• 目前只实现了简单的功能，1，当组件获取焦点的时候，模拟光标默认在第一个横线或者方框中闪烁，光标会根据输入字符的长度进行移动。2，支持一键粘贴。先把效果图放出来给大家看一下。现在是只能输入数字这一种数据类型。如果后期大家有什么要求需求欢迎提。
• 输入框的格子大小用的是rem单位，如果大小尺寸不合适，可以审查元素覆盖我的样式。第一次发布组件，有bug请多多包涵。

    npm install react-input-groups;import InputGroup from 'react-input-groups';import 'react-input-groups/lib/css/styles.css'export class Inputarea extends React.Component {constructor(props) {super(props);this.state = {};this.getValue = this.getValue.bind(this)}getValue(value) {console.log(value)}render() {return ({/*length支持4或者6*/});}}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！