---
title: 基础用法
order: 1
---
基础用法。
```jsx
import React, { Component ,useRef} from 'react';
import ReactDOM from 'react-dom';
import ResAdvancedSearch from '@riil-frontend/component-res-advanced-search';
import request from './request.js'
const initData=JSON.parse("{\"ruleValues\":[{\"children\":[{\"type\":{\"rootCi\":\"switch\",\"type\":\"all\"}},{\"type\":{\"rootCi\":\"switch\",\"attributesOption\":[{\"name\":\"名称\",\"value\":\"name\"},{\"name\":\"显示名称\",\"value\":\"display_name\"},{\"name\":\"IPv4地址\",\"value\":\"ipv4_address\"},{\"name\":\"IPv6地址\",\"value\":\"ipv6_address\"},{\"name\":\"类型\",\"value\":\"type\"},{\"name\":\"序列号\",\"value\":\"serial_number\"},{\"name\":\"用途\",\"value\":\"use\"},{\"name\":\"所属集群\",\"value\":\"owned_cluster\"},{\"name\":\"集群成员ID\",\"value\":\"cluster_member_id\"},{\"name\":\"成员角色\",\"value\":\"member_role\"},{\"name\":\"Loopback地址表\",\"value\":\"switch.loopback_address_list\"},{\"name\":\"购置日期\",\"value\":\"purchase_date\"},{\"name\":\"启用日期\",\"value\":\"start_date\"},{\"name\":\"服役年限\",\"value\":\"service_years\"},{\"name\":\"服役到期时间\",\"value\":\"service_expiration_time\"},{\"name\":\"维保情况\",\"value\":\"maintenance_situation\"},{\"name\":\"维保到期时间\",\"value\":\"maintenance_expiration_time\"},{\"name\":\"资产编号\",\"value\":\"asset_number\"},{\"name\":\"资产状态\",\"value\":\"asset_status\"},{\"name\":\"所属机房\",\"value\":\"owned_computer_room\"},{\"name\":\"所属机柜\",\"value\":\"owned_cabinet\"},{\"name\":\"起始U位\",\"value\":\"start_u_location\"},{\"name\":\"结束U位\",\"value\":\"end_u_location\"},{\"name\":\"U数\",\"value\":\"u_number\"},{\"name\":\"MAC地址\",\"value\":\"mac_address\"},{\"name\":\"是否支持POE\",\"value\":\"is_support_poe\"},{\"name\":\"是否堆叠\",\"value\":\"is_support_stack\"},{\"name\":\"所属区域\",\"value\":\"owned_area\"},{\"name\":\"厂商\",\"value\":\"company\"},{\"name\":\"系列\",\"value\":\"series\"},{\"name\":\"型号\",\"value\":\"model\"},{\"name\":\"版本\",\"value\":\"version\"}],\"dataType\":\"string\",\"attributes\":\"name\",\"type\":\"attributes\",\"searchValue\":\"18\",\"option\":\"regex\"},\"key\":1}],\"relation\":\"or\"}],\"searchConditionsString\":\"(!type('network_link') || (type('network_link') && network_link.connect_type = 'exit'))&&(type('switch')) || ((type('switch') && regex('18',name)))\"}")
function App () {
const ref = useRef();
return (
{
ref.current.getAdvancedSearchData()
console.log(value)
}}
filterSearchWay={["all","attributes"]}
// module="resourceCenter"
ciType="switch"
domainIsOptional={true}
initValues={[
{
"relation": "or",
"children": [
{
"type": {
"rootCi": "network",
"type": "attributes",
"attributes": "name",
"option": "=",
"searchValue": "12121",
"dataType": "string",
"attributesOption": [
{
"value": "name",
"name": "名称"
},
{
"value": "display_name",
"name": "显示名称"
},
{
"value": "confidentiality_level",
"name": "密级"
},
{
"value": "ipv4_address",
"name": "IPv4地址"
},
{
"value": "ipv6_address",
"name": "IPv6地址"
},
{
"value": "type",
"name": "类型"
},
{
"value": "serial_number",
"name": "序列号"
},
{
"value": "use",
"name": "用途"
},
{
"value": "owned_cluster",
"name": "所属集群"
},
{
"value": "cluster_member_id",
"name": "集群成员ID"
},
{
"value": "member_role",
"name": "成员角色"
},
{
"value": "switch.loopback_address_list",
"name": "Loopback地址表"
},
{
"value": "purchase_date",
"name": "购置日期"
},
{
"value": "start_date",
"name": "启用日期"
},
{
"value": "service_years",
"name": "服役年限"
},
{
"value": "service_expiration_time",
"name": "服役到期时间"
},
{
"value": "maintenance_situation",
"name": "维保情况"
},
{
"value": "maintenance_expiration_time",
"name": "维保到期时间"
},
{
"value": "asset_number",
"name": "资产编号"
},
{
"value": "asset_status",
"name": "资产状态"
},
{
"value": "owned_computer_room",
"name": "所属机房"
},
{
"value": "owned_cabinet",
"name": "所属机柜"
},
{
"value": "start_u_location",
"name": "起始U位"
},
{
"value": "end_u_location",
"name": "结束U位"
},
{
"value": "u_number",
"name": "U数"
},
{
"value": "mac_address",
"name": "MAC地址"
},
{
"value": "is_support_poe",
"name": "是否支持POE"
},
{
"value": "is_support_stack",
"name": "是否堆叠"
},
{
"value": "owned_area",
"name": "所属区域"
},
{
"value": "company",
"name": "厂商"
},
{
"value": "series",
"name": "系列"
},
{
"value": "model",
"name": "型号"
},
{
"value": "version",
"name": "版本"
}
],
"relationOption": null,
"instanceOption": null,
"attributesMap": [
{
"value": "name",
"name": "名称"
},
{
"value": "display_name",
"name": "显示名称"
},
{
"value": "confidentiality_level",
"name": "密级"
},
{
"value": "ipv4_address",
"name": "IPv4地址"
},
{
"value": "ipv6_address",
"name": "IPv6地址"
},
{
"value": "type",
"name": "类型"
},
{
"value": "serial_number",
"name": "序列号"
},
{
"value": "use",
"name": "用途"
},
{
"value": "owned_cluster",
"name": "所属集群"
},
{
"value": "cluster_member_id",
"name": "集群成员ID"
},
{
"value": "member_role",
"name": "成员角色"
},
{
"value": "switch.loopback_address_list",
"name": "Loopback地址表"
},
{
"value": "purchase_date",
"name": "购置日期"
},
{
"value": "start_date",
"name": "启用日期"
},
{
"value": "service_years",
"name": "服役年限"
},
{
"value": "service_expiration_time",
"name": "服役到期时间"
},
{
"value": "maintenance_situation",
"name": "维保情况"
},
{
"value": "maintenance_expiration_time",
"name": "维保到期时间"
},
{
"value": "asset_number",
"name": "资产编号"
},
{
"value": "asset_status",
"name": "资产状态"
},
{
"value": "owned_computer_room",
"name": "所属机房"
},
{
"value": "owned_cabinet",
"name": "所属机柜"
},
{
"value": "start_u_location",
"name": "起始U位"
},
{
"value": "end_u_location",
"name": "结束U位"
},
{
"value": "u_number",
"name": "U数"
},
{
"value": "mac_address",
"name": "MAC地址"
},
{
"value": "is_support_poe",
"name": "是否支持POE"
},
{
"value": "is_support_stack",
"name": "是否堆叠"
},
{
"value": "owned_area",
"name": "所属区域"
},
{
"value": "company",
"name": "厂商"
},
{
"value": "series",
"name": "系列"
},
{
"value": "model",
"name": "型号"
},
{
"value": "version",
"name": "版本"
}
]
}
}
]
}
]}
request={request}
/>
);
}
ReactDOM.render((
), mountNode);
```