import React, { useState, useEffect } from 'react'; import { Tabs } from 'antd'; import PageContainer from '@/components/BasePageContainer'; import BaseConfig from './baseConfig/BaseConfig' import IotConfig from './IotConfig/IotConfig' import MessageConfig from './messageConfig/messageConfig' import ProxyConfig from './proxyConfig/ProxyConfig' const { TabPane } = Tabs; const HostManager = () => { const callback = () => { } return ( <PageContainer> <Tabs onChange={callback} type="card"> <TabPane tab="基础配置" key="1"> <BaseConfig/> </TabPane> <TabPane tab="物联配置" key="2"> <IotConfig/> </TabPane> <TabPane tab="消息配置" key="3"> <MessageConfig/> </TabPane> <TabPane tab="代理配置" key="4"> <ProxyConfig/> </TabPane> </Tabs> </PageContainer> ) } export default HostManager;