如何解决在窗体Antd中的ColorPicker上设置颜色
我该如何设置颜色?我从组件-pic发送颜色,它构成了当前颜色的值。但这是行不通的,表单的打开,颜色没有设置,并且每次我都需要设置
const [setting,setSetting] = useState({
color: pic.background,});
const handleChangeColor = (newColor) => {
setSetting({
color: newColor,});
};
<Modal
visible={visible}
title='Edit'
okText='Save'
cancelText='Cancel'
onCancel={onCancel}
onOk={() => {
form
.validateFields()
.then(values => {
form.resetFields();
onSave(values);
})
.catch(info => {
console.log('Validate Failed:',info);
});
}}
>
<Form
{...formItemLayout}
layout={formLayout}
form={form}
initialValues={{
layout: formLayout,color: setting.color,}}
>
<Form.Item />
<Form.Item name='colorPicker' label='Color'>
<CirclePicker value={setting.color} onChange={clr => handleChangeColor(clr.rgb)} colors={colors} />
</Form.Item>
</Form>
</Modal>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。