ant design
甜不吃盐
这个作者很懒,什么都没留下…
展开
-
解决antd中form表单包含Select下拉框默认值与下拉框中的值关联问题
问题描述:在Form表单中,下拉框多选的情况下,如果点击的是编辑按钮,会在表单中传递默认值,但是表单中的默认值和下拉框中的值没有关联,导致再次选择下拉框中的值还会再次选中<Form.Item name="color" label="color" rules={[{ required: true }]} initialValue={['白色','灰色']}> <Select allowClear原创 2021-09-10 16:47:03 · 3496 阅读 · 0 评论 -
ant design Tree选中一个子节点父节点也被选中
Tree组件中onCheck方法的第二个参数有halfCheckedKeys属性,此属性中保存父节点的keyfunction onCheck(checkedKeys,info) { let allCheckedKeys = checkedKeys.concat(info.halfCheckedKeys);//将父节点拼接到子节点}return ( <Tree onCheck={onCheck} />)...原创 2021-08-03 17:58:31 · 3946 阅读 · 2 评论 -
ant design弹出框获取表单数据
1.Modal弹出框获取表单数据const form = React.createRef();const submit = () => { form.current.submit();}const onReset = () => { form.current.resetFields();};<Modal visible={visible} onCancel={onCancel} footer={[<Button type="primary" onC原创 2021-07-21 15:56:32 · 2279 阅读 · 0 评论 -
解决Each child in a list should have a unique “key“ prop.
1.表格报错表格数据需要在dataSource数组中添加key,如果从后端接收的数据中没有key,在Table属性中添加rowKey,确保record.id是唯一的即可const data = //后端返回的数据const columns = [{ title: '用户名', dataIndex: 'username', key: 'username', }, { title: '手机号', dataIndex: 'mo原创 2021-07-22 15:21:42 · 1282 阅读 · 0 评论