---
title: 不同数据源
order: 2
---

不同数据源dmo。

```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} from '@alifd/next';
import request from './request.js'

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('moduleManagement')
      const myref = useRef();
     
            
      function openDrawer(){
        setVisible(true)
      }
      function closeDrawer(type){
     
          setVisible(false)
        
      }
     function onChange(value){

        onchangeSelect(value)
     }

    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={false}
			           module={selected}
                 ciType="switch"
                 domainIsOptional={true}
				          initValues={[
				            	{
						          relation: 'and',
					      	children: [{ key: 1, type: {rootCi:'switch'} }],
					},
				]}
        request={request}
          />
            </AdvancedSearchDrawer>
                   <div>          <Radio.Group
                        shape={'normal'}
                        direction={'hoz'}
                        onChange={onChange}
                        value={selected}
                    >
                    {dataSource.map((item,index)=> <Radio key={index} value={item.value}>{item.name}</Radio>)}
                      
          </Radio.Group></div>
          <Button style={{marginTop:20}} onClick={openDrawer} >打开抽屉</Button>
   
 
        </div>
      </div>
    );
  
}

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