在窗体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 (将#修改为@）