---
title: 资源选择失禁
order: 3
---

资源选择失禁

```jsx
import React, { Component ,useRef,useState} from 'react';
import ReactDOM from 'react-dom';
import ResAdvancedSearch from '@riil-frontend/component-res-advanced-search';
import AdvancedSearchDrawer from '@riil-frontend/advanced-search-drawer';
import { Table, Icon, Loading, Drawer, Overlay,Button ,Radio,Checkbox} from '@alifd/next';

const { Group: CheckboxGroup } = Checkbox;
import request from './request.js'

const list = [
   {
        value: 'disabledFirstSelect',
        label: '失禁资源选项'
    }, {
        value: 'domainIsOptional',
        label: '是否可选中级联第一层'
    }
];

function App() {
     const dataSource=[{value:'resourceCenter',name:'资源中心'},
     {value:'moduleManagement',name:'模型管理'},
     {value:'dataStore',name:'数据仓库'},
     {value:'customStrategy',name:'自定义策略'},
     {value:'defaultStrategy',name:'默认策略'}]
      const [visible,setVisible] = useState(false)
      const [selected,onchangeSelect] = useState({})
      const myref = useRef();
     
            
      function openDrawer(){
        setVisible(true)
      }
      function closeDrawer(type){
     
          setVisible(false)
        
      }
     function onChange(value){
      const selected=   value.reduce((obj,current)=>{
         obj[current]=true;
       return obj;
       },{});
     
       onchangeSelect(selected)
     }
 
    return (
      <div className="AdvancedSearchDrawerDmo"  ref={myref} style={{height:800}} >
        <div >
          <AdvancedSearchDrawer  
              visible={visible} 
              closeDrawer={closeDrawer}  
              container={myref} 
              buttonCells={[<Button type="primary" key="action1" >搜索</Button>,<Button type="primary" key="action2" >保存</Button>,<Button type="primary" key="action3" >重置</Button>]}  >
               <ResAdvancedSearch 
               disabledFirstSelect={selected['disabledFirstSelect']?true:false}
              domainIsOptional={selected['domainIsOptional']?true:false}
				         
			          
                 ciType="switch"
               
				          initValues={[
				            	{
						          relation: 'and',
					      	children: [{ key: 1, type: {rootCi:'switch'} }],
					},
				]}
        request={request}
          />
            </AdvancedSearchDrawer>
                   <div>    <CheckboxGroup defaultValue={[]} dataSource={list} onChange={onChange} />   </div>
          <Button style={{marginTop:20}} onClick={openDrawer} >打开抽屉</Button>
   
 
        </div>
      </div>
    );
  
}

ReactDOM.render((
  <App />
), mountNode);
```