无法解决DateRangePicker组件的value属性类型警告问题
问题描述
- 控制台警告:属性类型验证失败:提供给
DateRangePicker的value属性类型为object,预期类型为array。 - 组件代码截图显示
DateRangePicker的value绑定了对象格式的数据。
解决方案
- 检查当前传递给
DateRangePicker的value变量,若为对象(如{start: '2024-01-01', end: '2024-01-10'}),需转换为数组格式:// 错误写法 const dateObj = { start: '2024-05-01', end: '2024-05-10' }; <DateRangePicker value={dateObj} /> // 修正后写法 const dateObj = { start: '2024-05-01', end: '2024-05-10' }; <DateRangePicker value={[dateObj.start, dateObj.end]} /> - 若使用状态管理(如React useState),直接将状态初始化为数组类型,确保后续更新保持数组格式:
const [dateRange, setDateRange] = useState(['', '']); <DateRangePicker value={dateRange} onChange={(newRange) => setDateRange(newRange)} />
内容的提问来源于stack exchange,提问作者No04 No04
相关产品推荐
相关产品推荐

