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	-