1.0.1 • Published 5 years ago
react-slide-captcha v1.0.1
react-slide-captcha
1.Usage
(1) Installation
npm i -S react-slide-captcha(2) require
1. react
2. react-dom(3) example
import SlideCaptcha from 'react-slide-captcha';
import 'react-slide-captcha/dist/styles.css';
<SlideCaptcha
puzzleUrl={this.state.puzzleUrl}
bgUrl={this.state.bgUrl}
onRequest={this.resultCallback}
containerClassName="test"
/>2 API
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| puzzleUrl | URL for puzzlei mage（required） | string | - |
| bgUrl | URL for background image（required） | string | - |
| onRequest | requeset callback（required） | (validateValue: number, validatedSuccess: any, validatedFail?: any) => void | - |
| slidedImage | image for slided（optional） | string | '>' |
| slidedImageSuccess | success image for slided（optional） | string | '>' |
| slidedImageError | error image for slided（optional） | string | 'X' |
| containerClassName | container class（optional） | any | - |
| style | container style（optional） | object | - |
| tipsText | text for tips（optional） | string | - |
| tipsClassName | tips class（optional） | any | - |
| tipsStyle | tips style（optional） | object | - |
| robotValidate | robot validate config（optional） | object: { offsetY: number, handler: () => any,} | - |
| reset | component reset type（optional） | string | auto |
| onReset | reset call back（optional） | () => any | - |