亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在 ColorPicker 中設置顏色

如何在 ColorPicker 中設置顏色

哆啦的時光機 2022-12-29 14:05:53
我使用來自 react-color 的 CirclePicker。我有包含表單的模態窗口,ColorPicker 在哪里。我以十六進制格式 (#123123) 將有關當前顏色的信息發送到我的表單。我想在用戶打開表單時設置選定的顏色。如何選擇彩色圓圈?const [settingWidget, setSettingWidget] = useState({    color: '#f44336', //default  }); function changeColor(colorChoice, event){    setSettingWidget({      color: colorChoice.hex    });  }<div>      <Modal        visible={visible}        title='Edit'        okText='Save'        cancelText='Cancel'        onCancel={onCancel}        onOk={() => {              form.resetFields();              onSave(values);        }}      >        <Form          {...formItemLayout}          layout={formLayout}          form={form}          initialValues={{            colorPicker: settingWidget.color,          }}        >          <Form.Item />                    <Form.Item name='colorPicker' label='Color'>            <CirclePicker onChange={changeColor} />          </Form.Item>        </Form>      </Modal>    </div>
查看完整描述

1 回答

?
aluckdog

TA貢獻1847條經驗 獲得超7個贊

您可以設置顏色屬性。它將使用該特定顏色進行初始化。

Color 接受十六進制顏色 '#333' 的字符串或 rgb 或 hsl 值的對象 { r: 51, g: 51, b: 51 } 或 { h: 0, s: 0, l: .10 }。rgb 和 hsl 也將采用 aa: 1 的 alpha 值。您也可以使用透明。


<CirclePicker onChange={changeColor} color={color}/>


查看完整回答
反對 回復 2022-12-29
  • 1 回答
  • 0 關注
  • 133 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號