@@ -7,6 +7,7 @@ const MyWebSocket = () => {
7
7
const wsURI = 'ws://localhost:8765'
8
8
const [ socket , setSocket ] = useState ( null )
9
9
const [ isOpen , setIsOpen ] = useState ( false )
10
+ const [ cellData , setCellData ] = useState ( "" ) // type=text, textarea
10
11
// 1. connect to the websocket server
11
12
// 2. push & listen for messages in the websocket connection
12
13
// 3. disconnect from websocket server
@@ -51,21 +52,30 @@ const MyWebSocket = () => {
51
52
52
53
const performSend = _ => {
53
54
if ( socket && socket . readyState == WebSocket . OPEN ) {
54
- const myData = { cell_data : "print(\"hello world\")" }
55
+ const myData = { cell_data : cellData }
55
56
socket . send ( JSON . stringify ( myData ) )
57
+ setCellData ( "" )
56
58
} else {
57
59
alert ( "Your websocket session has closed" )
58
60
}
59
-
60
61
}
61
62
63
+ const handleInputChange = ( event ) => {
64
+ const val = event . target . value
65
+ setCellData ( val )
66
+ }
67
+
62
68
return < div >
63
69
< h1 > WebSocket</ h1 >
64
70
< div >
65
71
< button onClick = { performClose } > Close</ button >
66
72
< button onClick = { performOpen } > Open</ button >
67
73
</ div >
68
- < div > { isOpen && < p > Open Socket</ p > } </ div >
74
+ < div > { isOpen &&
75
+
76
+ < textarea placeholder = 'Your cell data' value = { cellData } name = 'cellData' onChange = { handleInputChange } />
77
+
78
+ } </ div >
69
79
70
80
< button onClick = { performSend } > Send</ button >
71
81
</ div >
0 commit comments