Ant Design多选框不接受数组作为默认值。
创始人
2024-11-07 06:00:23
0

Ant Design的多选框(Checkbox)组件确实不接受数组作为默认值。要解决这个问题,可以使用受控组件的方式来处理。

下面是一个使用受控组件来设置多选框默认值的示例代码:

import React, { useState } from 'react';
import { Checkbox } from 'antd';

const CheckboxGroup = Checkbox.Group;

const App = () => {
  const [checkedValues, setCheckedValues] = useState(['A', 'B']); // 默认选中的值

  const onChange = (checkedValues) => {
    setCheckedValues(checkedValues);
  };

  return (
    
  );
};

export default App;

在上面的代码中,我们使用了useState钩子来定义一个checkedValues状态,它的初始值为['A', 'B']。然后,我们通过onChange函数来更新checkedValues状态。

CheckboxGroup组件中,我们设置了options属性来定义多选框的选项,value属性来设置默认选中的值,onChange属性来监听多选框的变化并更新checkedValues状态。

通过这种方式,我们可以使用数组作为默认值,并且能够正确地处理多选框的状态变化。

相关内容

热门资讯

分享透视!xpoker辅助!本... 分享透视!xpoker辅助!本来是真的有辅助神器(有挂规律)-哔哩哔哩xpoker辅助是不是有人用挂...
推荐透视!xpoker辅助!其... 推荐透视!xpoker辅助!其实有辅助软件(有挂详细)-哔哩哔哩1、操作简单,无需xpoker辅助手...
关于透视!xpoker辅助神器... 关于透视!xpoker辅助神器!总是是真的有辅助攻略(有挂技巧)-哔哩哔哩1)xpoker辅助神器免...
分享透视!cloudpoker... 分享透视!cloudpoker作必弊!确实有辅助脚本(有挂秘笈)-哔哩哔哩1、许多玩家不知道clou...
揭露透视!竞技联盟透视!切实是... 揭露透视!竞技联盟透视!切实是真的有辅助软件(有挂技巧)-哔哩哔哩1、该软件可以轻松地帮助玩家将竞技...
关于透视!红龙poker有辅助... 关于透视!红龙poker有辅助吗!切实一直都是有辅助攻略(有挂秘籍)-哔哩哔哩1、下载好红龙poke...
详情透视!智星菠萝透视!本来一... 详情透视!智星菠萝透视!本来一直都是有辅助app(今日头条)-哔哩哔哩1、下载好智星菠萝透视脚本下载...
科普透视!pokernow辅助... 科普透视!pokernow辅助工具!原来存在有辅助方法(有挂工具)-哔哩哔哩1、很好的工具软件,可以...
曝光透视!pokemmo免费脚... 曝光透视!pokemmo免费脚本!都是是有辅助app(有挂方式)-哔哩哔哩1、pokemmo免费脚本...
了解透视!werplan透视挂... 了解透视!werplan透视挂!好像有辅助神器(有挂神器)-哔哩哔哩1、这是跨平台的werplan透...