ant design react select 下拉全选问题

//表单数据
	const [form] = Form.useForm();
	//单选框状态
	const [selectState, setSelectState] = useState(false)
	//Option列表数据
	const data =[
  		{id:1,name:"首页"},
  		{id:2,name:"详情"},
  		{id:3,name:"账户"},
  		{id:4,name:"功能"},
	]

		
 (
              

                

                   {
                    // 判断 是否 选中
                    if(e.target.checked === true){
                      setSelectState(true) //选中时 给 checked 改变状态
                      // 当选的时候 把所有列表值赋值给functionIds
                      form.setFieldsValue({
                        functionIds:data?.map((item)=>item.id)//如果选中 给select 赋data里面所有的值
                      })
                    }else{
                      setSelectState(false)
                      form.setFieldsValue({
                        functionIds:[]//如果取消全选 这清空select全部选中状态
                      })
                    }
                  }}>全选
                
                
                {/* Option 标签值 */}
                {allSelectValue}
              
            )}
          >
            {data?.map((item) => (
              
                {item.name}
              
            ))}