33 lines
1.3 KiB
TypeScript
33 lines
1.3 KiB
TypeScript
import React from 'react';
|
|
import { CenterLink } from '@zhst/material';
|
|
|
|
const demo = () => {
|
|
return (
|
|
<CenterLink
|
|
style={{width:'100%',height:'600px'}}
|
|
websocketUrl={'ws://10.0.0.7:50051/active'}
|
|
token={'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE3MTM1OTI2NDYsImp0aSI6ImFkbWluIn0._mVU216h0q8va8bZ8PCKfGOKslYJWdRLFvLzUdvGDN4'}
|
|
ip={'127.0.0.1'}
|
|
terminalStyle={{width:'100%',height:'calc(100% - 180px)'}}
|
|
onConnect={(values)=>{
|
|
console.log(values,'====> Connecting');
|
|
}}
|
|
onExportLogs={()=>{console.log('=====> Export Log')}}
|
|
onOpen={(event: WebSocketEventMap['open'], instance: WebSocket)=>{
|
|
console.log(event,'===>open'); // webSocket 连接成功回调
|
|
}}
|
|
onClose={(event: WebSocketEventMap['close'], instance: WebSocket)=>{
|
|
console.log(event,'===>close'); // webSocket 关闭回调
|
|
}}
|
|
onMessage={(message: WebSocketEventMap['message'], instance: WebSocket)=>{
|
|
console.log(message,'===>message'); // webSocket 消息回调
|
|
}}
|
|
onError={(event: WebSocketEventMap['error'], instance: WebSocket)=>{
|
|
console.log(event,'===>error'); // webSocket 错误回调
|
|
}}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default demo;
|