import React from 'react';

import Validator from '../index';
import Input from '../../input/index';

export default class DemoAddOn extends React.Component {
  state = {};

  render() {
    return (
      <Validator>
        <Input
          name="field"
          placeholder="onChange触发校验"
          data-required
          data-trigger="onChange"
          data-patterns={[{
            key: 'email',
            msg: '请输入邮箱地址'
          }]}
        />
        <p style={{ marginTop: 20 }} />
        <Input
          name="field2"
          placeholder="onBlur触发校验"
          data-required
          data-trigger="onBlur"
          data-patterns={[{
            key: 'email',
            msg: '请输入邮箱地址'
          }]}
        />
      </Validator>
    );
  }
}