@alicd/crui-checkbox-field
Version:
复选框, FormItem + Checkbox【 @alicd/next 】 的功能融合,同时支持了 x-bind 双向绑定, rules 规则配置,name 表单 name 属性
30 lines (21 loc) • 648 B
JSX
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);