UNPKG

@alicd/crui-checkbox-field

Version:

复选框, FormItem + Checkbox【 @alicd/next 】 的功能融合,同时支持了 x-bind 双向绑定, rules 规则配置,name 表单 name 属性

30 lines (21 loc) 648 B
import ReactDOM from 'react-dom'; import {Form, Field} from '@alicd/next'; import CheckboxField from '../src/index'; import '../assets/index.scss'; import './app.scss'; const mountNode = document.getElementById('root'); class App extends React.Component { constructor(props){ super(props); this.field = new Field(this); setTimeout(()=>{ this.field.validate() },3000); } render() { const init = this.field.init; return <Form field={this.field}><CheckboxField className="1234" label="aa" {...init('a', {rules:[{required: true}]})}>sda</CheckboxField></Form>; } } ReactDOM.render(<App/>, mountNode);