11.16 第一天

任務一：推題的時候傳送訊息：“對方推送了一道題”

任務二：雙重滾動條的問題（就是因為寫頁面的人亂用css佈局，導致側邊欄過高，把視窗頂開了

任務三：聊天視窗那裡，切換時會晃動，且樣式跟普通的Tabs不一樣

任務四：報告頁面，等fetch請求結束後再渲染。參考loading那些的用法。

把需要展示的內容放在容器中，當中的屬性spinning = true時，就展示loading，當載入完成，就把spinning設定為false，此時就展示正式內容。

可以再fetch結束後的then中改變spinning的值。具體內容都寫在return裡面。

理解錯了，是由兩個引數（面試總評分和麵試總評價），是直接從服務端傳過來的report中獲取的，但是由於是非同步獲取的，不能在初始化的時候就把內容set。雖然可以在非同步獲取report成功後進行set，但是不想讓使用者看到不完整的報告（也就是report獲取後，再顯示報告的頁面，當非同步獲取沒有完成時，顯示轉圈圈的畫面，完全隱藏報告。）。這個可以使用已經封裝好的setPage：

小tip:

把下圖這個report傳給子元件，當子元件是以function Content(report)形式接收的，接著列印report，就會是下圖這樣的結構。但是我們需要的是作為其中一個元素的report，因此應該寫成function Content({report})。