新建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往前放,就能看到了。