fix feature.

Author: shiyiya

assets/HomePage.png

@@ -43,9 +43,7 @@ class HomePage extends Component {
         .then(response => response.json())
         .then(json => {
           if (json.data.length === 0) {
-            console.log(
-              '别刷啦，😭已经没有更多帖子惹~~~共计581页(本项目创建之时)'
-            );
+            console.log('over');
           }
           this.setState(prevState => {
             return {
@@ -57,22 +55,19 @@ class HomePage extends Component {
         });
     }
   };
-  componentWillReceiveProps(nextProps, nextState) {
+  componentWillReceiveProps(nextProps) {
+    //切换tab后抓取新数据
     this.setState({ status: false });
-  }
-  componentWillUpdate(nextProps, nextState) {
-    if (nextProps.location.search !== this.props.location.search) {
-      fetch(
-        `https://cnodejs.org/api/v1/topics?tab=${nextProps.location.search.slice(
-          5
-        )}`
-      )
-        .then(response => response.json())
-        .then(json => {
-          this.scroll.scrollTop = 0;
-          this.setState({ contents: json.data, status: true });
-        });
-    }
+    fetch(
+      `https://cnodejs.org/api/v1/topics?tab=${nextProps.location.search.slice(
+        5
+      )}`
+    )
+      .then(response => response.json())
+      .then(json => {
+        this.scroll.scrollTop = 0;
+        this.setState({ contents: json.data, status: true });
+      });
   }
   render() {
     const wait = '正在加载中···';

assets/Loading.png

@@ -11,20 +11,21 @@ class User extends Component {
     fetch(`https://cnodejs.org/api/v1/${this.props.location.pathname}`)
       .then(res => res.json())
       .then(json => {
-        console.log(json);
         this.setState({ data: json });
       });
   }
 
   render() {
     const allData = this.state.data.data;
     return (
-      <div>
+      <>
         {this.state.data ? (
-          <div>
+          <div className="user">
             <img src={allData.avatar_url} alt={allData.loginname} />
-            <span>用户名：{allData.loginname}</span>
-            <span>注册时间：{allData.create_at}</span>
+            <div className="user_details">
+              <span>用户名：{allData.loginname}</span>
+              <span>注册时间：{allData.create_at}</span>
+            </div>
             <div>
               最近创建的话题:{allData.recent_topics.map((item, index) => (
                 <div className="recent_replies" key={index}>
@@ -43,7 +44,7 @@ class User extends Component {
         ) : (
           <span />
         )}
-      </div>
+      </>
     );
   }
 }