首页 > 代码库 > React及npm的使用常见错误;新手来着
React及npm的使用常见错误;新手来着
/*使用npm常见的报错处理
(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\?
想要作为引用关系的js组件文件不要随便放到一个dist文件里面;一定要放到component文件夹中;
(4)在使用Ant Design组件库的时候
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组件用来<Route path="/" component={Sider}>书写路由;
Sider组件用来写Link即链接单页面;并且一般如 Link 组件后面不要加 :nbsp;
(7)import ReactDOM from ‘react-dom‘
(8) 动画的实现
第1步:现在文件头部加入这个 var ReactCSSTransitionGroup =require(‘react-addons-css-transition-group‘);
或 var ReactCSSTransitionGrop=React.addons.ReactCSSTransitionGrop;
第2步: 在要有动画的元素中加入此标签<ReactCSSTransitionGroup transitionName="example">
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)获取数组;操作数组
var bvaue="sdf";
1:往数组中添加元素
(
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:删除数组中的元素
var newItems = this.state.items;
newItems.splice(i, 1);
this.setState({items: newItems});
* */
本文出自 “10982653” 博客,请务必保留此出处http://10992653.blog.51cto.com/10982653/1857214
React及npm的使用常见错误;新手来着
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。