UNPKG

yylib-quick-mobile

Version:

yylib-quick-mobile

65 lines (63 loc) 1.99 kB
import React from 'react' import {YYStepper, YYForm} from '../../../index' import {Button,Toast,Stepper} from 'antd-mobile'; class YYStepperDemo extends React.Component { submit = () => { this.props.form.validateFields((err, values) => { if (!err) { console.log(values); } else { let arr = []; for (let i in err) { arr.push(err[i]) } Toast.info(arr[0].errors[0].message, 1.5); console.log(arr[0].errors[0].message) } }) } Change = (val) => { console.log(val); } render() { const {form} = this.props; return ( <div> <YYStepper field='stepper1' min={1} max={10} defaultValue={8} form={form} /> <YYStepper label="disabled" field='stepper2' disabled defaultValue={8} form={form} /> <YYStepper label="step可以是小数 onChange" field='stepper3' min={1} max={10} defaultValue={1.5} step={0.5} form={form} onChange={this.Change} /> <Stepper min={1} max={10} defaultValue={1.5} step={0.5} showNumber={true} onChange={this.Change} /> <Button onClick={this.submit}>点击显示所有value</Button> </div> ) } } export default YYForm.create()(YYStepperDemo);