diff --git a/demo/src/components/header/HeaderOps.js b/demo/src/components/header/HeaderOps.js
index aa2335e0..665b3cc0 100644
--- a/demo/src/components/header/HeaderOps.js
+++ b/demo/src/components/header/HeaderOps.js
@@ -87,16 +87,19 @@ class HeaderOps extends Component {
         }
     }
 
-    showUserInfo = async () =>{
-        let info = await this.props.getUserInfo(WebIM.conn.context.userId)
+    componentWillMount = () => {
+        let info = this.props.getUserInfo(WebIM.conn.context.userId)
         this.userInfo = info.data[WebIM.conn.context.userId]
         this.props.setOwnInfo(this.userInfo)
-        this.userInfo.userId = WebIM.conn.context.userId
+    }
+
+    showUserInfo = () => {
         this.setState({
             modal: 'showUserInfo'
         })
     }
 
+
     handleModalClose(e) {
         this.setState({ modal: '' })
         this.props.setShowGroupRequestModal(false)