(1)更換npm為淘寶的源(淘寶鏡像)
npm install -g cnpm --registry=https://registry.npm.taobao.org
(2)項目運行的時候洞就;8080端口不要被被占用鹦聪;因為一個8080端口只能用于一個地方;
(3)報錯----ERROR in Entry module not found: Error: Cannot resolve 'file' or 'directory' C:\Users\?
想要作為引用關(guān)系的js組件文件不要隨便放到一個di
(4)在使用Ant Design組件庫的時候st文件里面;一定要放到component文件夾中躏惋;
import { Form, Input, Select, Checkbox, DatePicker, Col, Radio, Button, Modal, message } from 'antd'
const FormItem = Form.Item
如上面的import里面并不需要加載Form.Item組件赞辩;只需要加載Form即可;
(5)如果要引入包中的某個文件恰矩;可以直接使用相對路徑如
'antd/dist/antd.css'
(6) 在主文件main.js中
App組件用來書寫路由表伦;
Sider組件用來寫Link即鏈接單頁面;并且一般如 Link 組件后面不要加 :nbsp慷丽;
(7)import ReactDOM from 'react-dom'
(8) 動畫的實現(xiàn)
第1步:現(xiàn)在文件頭部加入這個? var ReactCSSTransitionGroup =require('react-addons-css-transition-group');
或? var ReactCSSTransitionGrop=React.addons.ReactCSSTransitionGrop;
第2步: 在要有動畫的元素中加入此標簽
transitionName代表動畫的名稱蹦哼;
第3步:寫css樣式;
.example-enter? ? ? ? ---》過程先變成這里的樣式
.example-enter-active? ---》最終變到這里的樣式
.example-leave? ? ? ? ---》這里的樣式就是example-enter-active類的樣式要糊;所有這里一般不需要加樣式纲熏;只要加transition即可;設置移除樣式的時間锄俄;
.example-leave-active? ---》移除元素的過程變成這個樣式
.example-enter {
opacity: 0;
font-size: 32px;
color:red;
transition: all 1s ease-in;
}
.example-enter.example-enter-active {
opacity: 1;
font-size: 12px;
}
.example-leave {
transition: all 1s ease-in;
color:red;
}
.example-leave.example-leave-active {
font-size: 32px;
opacity: 0;
color:red;
}
(9)獲取數(shù)組局劲;操作數(shù)組
var bvaue="sdf";
1:往數(shù)組中添加元素
1:var newItems = this.state.items;
newItems.push(bvaue); this.state.item---->[1,2,3,4];;newItems--->arr對象;
2:var newItems = this.state.items.push(bvaue);----》這里拿到的是length值(錯誤做法)奶赠;
2:刪除數(shù)組中的元素
var newItems = this.state.items;
newItems.splice(i, 1);
this.setState({items: newItems});
(3)such file ---------->找不到這樣或那樣的文件鱼填;在編輯器從新選擇文件夾里面最里面的項目文件
npm i node_module -save-dev自動更新devDependencies字段值(開發(fā)依賴包)
* npm i node_module -save自動更新dependencies字段值(發(fā)布依賴包)
*