react-input-groups

• 仿支付宝微信密码输入框 钉钉验证码输入框

• 使用方法

  安装

  • 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 (
              <div>
                <InputGroup
                    getValue={this.getValue}
                    length={4}
                    type={'box'}
                />
                <InputGroup
                    getValue={this.getValue}
                    length={4}
                    type={'line'}
                />
              </div>
            );
        }
    }