antd5 表单form使用colorPicker组件报错Uncaught TypeError: color.toRgbString is not a function

HaanLen

于 2023-11-08 21:01:42 发布

阅读量461

点赞数

分类专栏： ui组件库文章标签： javascript 前端开发语言

版权

11 篇文章

订阅专栏

文章讲述了在使用AntDesign(antd)的Form.Item组件时，遇到`color.toRgbStringisnotafunction`的错误。问题源于在不同版本（5.9和5.10）中，valuePropName属性可能导致颜色转换函数失效，解决方案是移除该属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<Form.Item 
	valuePropName="primaryColor" 
	name="color" 
	label="背景色"
>
<ColorPicker />
</Form.Item>

报错

mf-dep____vendor.18b9af1a.js:133207 Uncaught TypeError: color.toRgbString is not a function
    at mf-dep____vendor.18b9af1a.js:133207:1

在这里插入图片描述

原因可能是传form.item中传了valuePropName,把valuePropName删除就可以了

在这里插入图片描述

发现antd5 5.9版本传了valuePropName没有报错，5.10版本报错了。