react-slider-verify v0.2.1

react-slider-verify

React 滑动验证组件

• Github 地址：
  • https://github.com/ShenBao/react-slider-verify
• 在线示例：
  • https://shenbao.github.io/react-slider-verify/dist/index.html
  • example
• Antd 示例
• Fusion 示例

截图

安装

$ npm install react-slider-verify -S

使用组件

import ReactSliderVerify from "react-slider-verify";
import "react-slider-verify/dist/index.css";

<ReactSliderVerify onSuccess={() => {}} />;

重置状态方法

const ref = useRef({} as any);

<div>
    <ReactSliderVerify
        ref={ref}
        onSuccess={() => setState(true)}
    />
    <div>当前状态：{`${state}`}</div>
    <button
        onClick={() => {
            ref.current.reset();
            setState(false);
        }}
    >
    重置
    </button>
</div>

参数说明

事件

方法

More links

• GitHub Home
• Blog Home
• About Me