react
蜗牛ha
一枚积极向上的it男,7年前端开发经验。。。
展开
-
学习react.js最简单的入门demo1
一、HBuilder+谷歌浏览器 我学习 React 时,就很苦恼。有的教程讨论一些细节问题,对入门没帮助;有的教程写得不错,但比较短,无助于看清全貌。我断断续续学了几个月,看过二十几篇教程,直到遇见了这篇文章,深入浅出,很容易懂,关键是它不需要我们配置一堆npm的库,因为只是入门达不到那种需求; 1.去github上下载zip包;https://github.com/ruanyf/rea原创 2017-09-08 14:27:02 · 485 阅读 · 0 评论 -
react项目的组件库antd-mobile
1.antd-mobile是由蚂蚁金融团队推出的一个开源的react组件库,这个组件库拥有很多使用的组件,下面我来介绍一下他的用法: 2.按照官网http://beta.mobile.ant.design/docs/react/introduce-cn上的操作步骤: npm install antd-mobile@next --save3.在你的项目中的package.json文件里会有ant原创 2017-09-20 15:11:20 · 7049 阅读 · 1 评论 -
react中fetch的简单使用与跳转
1.登陆是我们要用fetch进行登陆验证后,跳转,下面讲一下具体操作: 首先,引入需要的库 2.在login页面我们需要拿到用户输入的name和password,如下: 在1部分是记住密码,保存在本地存储localStorage中; 在2部分是调用fetch函数进行数据传输; 在3部分是当打开这个页面时,如果有本地存储的值,及选了记住密码之类的,就在页面渲染 3.在fe原创 2017-09-20 15:46:24 · 12450 阅读 · 0 评论 -
react数据之dispatch,reducer
1.之前写了一篇fetch的简单用法,实际项目中数据比那个要复杂,下面看一下通过dispatch和reducer来控制数据的更新; 2.还是以上一个添加分组的组件为例: 首先我们写一个MoveGroupReducer.js文件,里面我们模拟一个数据,并且写一个方法点击选中的方法; 2.最上面引用的defination文件如下: 3.在fetchData文件下写如下内容: 4.原创 2017-09-20 16:14:52 · 41337 阅读 · 8 评论 -
react项目中的组件编写,和数据循环
1.还是之前项目的同一个页面,同一个模拟数据 2.在页面当中我们写一个ui组件,通过 datas={this.props.data}这种方式往下传递数据; 3.具体来看一下ui组件:里面用map方法循环数据,循环的是一个lists组件 4.再来看一下lists组件:每个li及div上有一个onclick函数,通过层级关系依次往上传递; 5.最后,你会发现,其实调用原创 2017-09-20 16:47:48 · 2602 阅读 · 0 评论 -
学习react的实例2--全选
1.效果图: 2.下面是整篇代码: var Row = React.createClass({ getInitialState: function() { return { checked: false }; }, checkIt: function() { this.props.callback(this.props.index, !t原创 2017-09-21 11:19:34 · 801 阅读 · 0 评论 -
学习react的实例1--日历
1.https://github.com/wayofthefuture/react-input-moment 这是一个github的地址,他是一个react的时间组件; 效果图: 具体是下载后放到比如F盘 2.按照上图通过npm 安装; 3.安装完后用npm输入 f: cd 你的文件夹名字 npm start,等完成后通过浏览器打开:http://localhost:原创 2017-09-11 18:39:32 · 333 阅读 · 0 评论