pin-code-react v1.0.16

基于react的验证码、密码、数字输入框1、支持粘贴到输入框2、复制内容在剪贴板上支持一建填入3、可自定义覆盖原有样式，.input-wrapper .input-item

安装

npm install pin-code-react --save

使用

import React, { useState, useCallback, ChangeEvent } from 'react';
import PinCode from 'pin-code-react';
import 'pin-code-react/dist/index.css';

export default function Add () {
  const [content, setContent] = useState('');
  const [value, setValue] = useState('');
  const getCode = useCallback((value: string) => {
    setContent(value);
  }, [])
  const onChange = (e: ChangeEvent<HTMLInputElement>) => {
    setValue(e.target.value);
  }
  return (
    <div>
      <PinCode type="text" isImmediate onFinished={getCode} />
      <input type="text" onChange={onChange} value={value} />
      <div>{content}</div>
    </div>
  )
}

参数