我使用來自 react-color 的 CirclePicker。我有包含表單的模態(tài)窗口,ColorPicker 在哪里。我以十六進(jìn)制格式 (#123123) 將有關(guān)當(dāng)前顏色的信息發(fā)送到我的表單。我想在用戶打開表單時(shí)設(shè)置選定的顏色。如何選擇彩色圓圈?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>
如何在 ColorPicker 中設(shè)置顏色
哆啦的時(shí)光機(jī)
2022-12-29 14:05:53