Field
https://riddle.alibaba-inc.com/riddles/27d1ebab
import ReactDOM from 'react-dom'; import React from 'react'; import { Input, Button, Checkbox, Field,Form,Select } from '@alifd/next'; const CheckboxGroup = Checkbox.Group; const dataSource=[1,2,3]; const MySelect = (props) => { return <Select {...props}/> } class App extends React.Component { field = new Field(this, {scrollToFirstError: -10}); notEmpty(rule, value) { if (!value || value.length==0) { return Promise.reject("必选"); } else { return Promise.resolve(null); } } render() { const init = this.field.init; return (<div className="demo"> <Form field={this.field}> <Form.Item> <Input {...init('input', { })} /> </Form.Item> { this.field.getValue('input') && <> <Form.Item> <Select multiple dataSource={dataSource} {...init('next_select', { rules: [{validator: this.notEmpty}] })} /> </Form.Item> <Form.
cwtuan commented 15 days ago
Component
Field
Reproduction link
https://riddle.alibaba-inc.com/riddles/27d1ebab
import ReactDOM from 'react-dom'; import React from 'react'; import { Input, Button, Checkbox, Field,Form,Select } from '@alifd/next'; const CheckboxGroup = Checkbox.Group; const dataSource=[1,2,3]; const MySelect = (props) => { return <Select {...props}/> } class App extends React.Component { field = new Field(this, {scrollToFirstError: -10}); notEmpty(rule, value) { if (!value || value.length==0) { return Promise.reject("必选"); } else { return Promise.resolve(null); } } render() { const init = this.field.init; return (<div className="demo"> <Form field={this.field}> <Form.Item> <Input {...init('input', { })} /> </Form.Item> { this.field.getValue('input') && <> <Form.Item> <Select multiple dataSource={dataSource} {...init('next_select', { rules: [{validator: this.notEmpty}] })} /> </Form.Item> <Form.