From 5edd0be952c2793bd2dd6792f351d7b95d7b3398 Mon Sep 17 00:00:00 2001
From: wdwang <wdwang09+git@outlook.com>
Date: Tue, 19 Apr 2022 19:08:31 +0800
Subject: [PATCH] docs(examples): update create-react-app example

---
 examples/create-react-app-example/src/App.js | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/examples/create-react-app-example/src/App.js b/examples/create-react-app-example/src/App.js
index c77bcca2a7..80b3bca683 100644
--- a/examples/create-react-app-example/src/App.js
+++ b/examples/create-react-app-example/src/App.js
@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react';
+import logo from './logo.svg';
 import './App.css';
 import io from 'socket.io-client';
 
@@ -23,7 +24,7 @@ function App() {
       socket.off('disconnect');
       socket.off('message');
     };
-  });
+  }, []);
 
   const sendMessage = () => {
     socket.emit('hello!');
@@ -32,9 +33,21 @@ function App() {
   return (
     <div className="App">
       <header className="App-header">
+        <img src={logo} className="App-logo" alt="logo" />
         <p>Connected: { '' + isConnected }</p>
         <p>Last message: { lastMessage || '-' }</p>
         <button onClick={ sendMessage }>Say hello!</button>
+        <p>
+          Edit <code>src/App.js</code> and save to reload.
+        </p>
+        <a
+          className="App-link"
+          href="https://reactjs.org"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Learn React
+        </a>
       </header>
     </div>
   );