新建react項目記錄
先安裝react腳手架,生成的文件中只保留/public/index.html/和/src/app.jsx和/src/index.js這三項。
index.js是入口文件,它引用了app.jsx中的APP組件,同時它把項目掛載在index.html的<div id="root"></div>上。
然后就是快速出項目,這里只做一個頁面,就不糾結命名和路由的事情,找好antd中需要的Layout布局,就大段復制過來再修改。不要自己碼字,很慢,而且應該在組件庫的基礎上進行調整。antd的樣式是寫在index.js上的:import 'antd/dist/antd.min.css';
webstorm 代碼自動提示
然后是,新建的項目的代碼自動提示是沒有的,要自己在setting中設置,首先js中得是識別jsx模式的,然后
,點了這個就有一些自動提示了,但是react里面的 style 還是沒有自動提示,然后勾選了libraries里面的HTML還是做了其他什么,加上期間電腦重啟了兩次,就有了……下次再說吧
antd Layout 想給Header加上box-shadow樣式
發現Header的樣式中,border是可以正常添加的,但是boxshadow就完全看不到。后來靈機一動啊,就想到boxshadow可能是被蓋住了,設置了z-index把Header往前放,就能看到了。
