ReactJS
Always_OL
眉毛上的汗水和眉毛下的泪水你必须选择一样
展开
-
Mac提交代码至github
前言:mac上登陆多个github账户,提交时报错无权限原创 2019-02-17 18:35:09 · 324 阅读 · 0 评论 -
create-react-app运行出现webpack版本错误
安装create-react-app脚手架时遇到的问题npm install create-react-app -g create-react-app my-app //my-app为项目名称使用命令创建myapp项目安装完成my-app,却发现运行npm start报错。下面报了一堆的错误,主要意思就是说:webpack版本冲突,需要的是4.28.0,但是更高的版本已经被安装(其...原创 2019-02-14 16:13:43 · 2200 阅读 · 1 评论 -
微信端调取相册或摄像头,实现图片上传
前言:微信端图片上传遇到过很多问题,图片太大上传失败,带宽不够,图片上传不完整等,今天写这篇博客就是为了记录下曾经处理过的方式。同时也可以给需要的人节省点时间,采用最优解。原创 2018-11-22 18:38:14 · 1324 阅读 · 0 评论 -
偶遇this之坑
偶遇this之坑事件:在使用reactJS时候,写了一个上拉加载的方法。但在当前页面不进行上拉,跳转至其他页面后在回退回来进行上拉加载,就会出现问题warning警告,如下:Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setS...原创 2017-01-09 16:53:55 · 1593 阅读 · 0 评论 -
react如何在组件中获取路由参数?this.props.params.id
路由参数 假如我们有很多 list 页面,这些页面除了动态内容不同,其他的页面部分都相同,这个时候需要怎么配置路由和组件呢?这种场景就需要用到路由的参数功能,增加一条包含参数的路由配置。import List from './component/list';<Route path="list/:id" component={List} />注意 path...原创 2016-12-19 14:30:35 · 7654 阅读 · 0 评论 -
React 定义组件的参数对象
原文地址:http://itbilu.com/JavaScript/React/4JIk-Q7Yl.html使用React.createClass()方法创建组件时,需要传入一个参数对象,React会根据这个对象创建组件。这个参数对象中,除了包含必须要实现的render方法外,还有一些组件的设置属性。组件生命周期中的一些处理函数,也是在这个对象中定义的。组件的定义 定义组件的...转载 2016-11-21 16:28:21 · 1307 阅读 · 0 评论 -
React路由
从性能和用户体验的层面来比较的话,后端路由每次访问一个新页面的时候都要向服务器发送请求,然后服务器再响应请求,这个过程肯定会有延迟。而前端路由在访问一个新页面的时候仅仅是变换了一下路径而已,没有了网络延迟,对于用户体验来说会有相当大的提升。原创 2016-11-18 17:16:38 · 488 阅读 · 0 评论 -
创建Store,监听多个action
创建StoreStore可以响应Action的行为,并同服务器交互。监听单个Action在init方法中添加监听处理var addItem = Reflux.createAction();var TodoStore = Reflux.createStore({ init: function () { this.listenTo(addIt原创 2016-11-18 16:08:21 · 784 阅读 · 0 评论 -
用bind方法保持this上下文
最近自学JavaScript,学到bind方法这块儿有些地方不太明白,自己就查了些资料,结合自己的理解写了这篇文章以备后面回顾用。。。其实应该还是搬砖为主吧。什么是this对象先来说说什么是this对象吧,每个函数在调用的时候都会自动获取两个特殊变量:this和arguments对象。this值具体是指哪个对象是和该函数的执行环境相关的。如果是作为对象的方法,那么this就是对象实原创 2016-11-14 15:29:18 · 635 阅读 · 0 评论 -
React 入门实例教程
React 入门实例教程原创 2016-11-17 12:29:34 · 328 阅读 · 0 评论 -
JSX语法
上一节的代码, HTML 语言直接写在 JavaScript 语言之中,不加任何引号,这就是 JSX 的语法,它允许 HTML 与 JavaScript 的混写(查看 Demo02 )。var names = ['Alice', 'Emily', 'Kate'];ReactDOM.render( { names.map(function (name) {原创 2016-11-17 12:02:14 · 423 阅读 · 0 评论