第一步，做好靜態的HTML頁面，確定最終要呈現的結果，同時也幫助後面劃分組件。
然後，使用create-react-app創建好項目。
那麼接下來，要如何將靜態HTML中引用的css樣式轉移到react項目中呢？
首先，將所有要用到的css文件放到src文件夾下。最好不要改變css文件本身的層級結構，不然後面改路徑太麻煩了。
接着，進入入口js文件，我的項目中是index.js。
將HTML中的這種寫法：
<link href="css/bootstrap.min.css" rel="stylesheet">
轉換成這種寫法：
import './assets/css/bootstrap.min.css'
這就可以了。
無論是渲染到頁面的組件，還是直接在index.html的中以<div class="col-lg-9 col-sm-12"> 的方式使用都是可以的。
=============
終於開始做自己的第一個react項目了。每一步都儘量記錄下來，以後肯定會用到。