![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react学习
文章平均质量分 74
dengdengda
这个作者很懒,什么都没留下…
展开
-
React Native使用本地json模仿数据请求
在真正的网络请求来的时候,最好的方式是我们在本地使用跟网络请求回来类似的JSON文件,注意,这里不是读取JSON文件,不是用import xxx from './test.json'这种方式将JSON文件当成一个普通文件读入,而是要当做一个接口访问。其实实现方式很简单,我之前不知道React Native 是自己开启了一个本地服务器的,所以导致我一直解决不了这个问题,运行React Native它会开启一个本地服务原创 2017-09-08 10:38:22 · 3034 阅读 · 0 评论 -
React异步请求数据出现setState(...): Can only update a mounted or mounting component...
我们可能对一个没有装载的组件执行了setState()操作,这种情况会出现在callback中,我们的异步请求返回数据之前,组件可能就已经被卸载了,等数据回来再使用setState就会报出上面的警告,所以我们应该手动在componentWillUnmount里去取消callback在它被unmounting之前。原创 2017-09-08 10:36:22 · 3312 阅读 · 0 评论 -
react-native-viewpager踩坑记
react-native-viewpager是一个轮播图组件,最近有一个需求是有一个测试题页面,我第一反应是用一个轮播图组件,只是把轮播图替换成轮播视图,每个视图里面内容比图片复杂一些而已。。。然而,我只是这么想想,实际做起来还不知道会遇到什么坑,开始踩坑吧。npm install react-native-viewpager --save一开始就遇到一个比较坑的问题,我直接谷歌搜索react-n原创 2017-04-27 18:47:12 · 3657 阅读 · 0 评论 -
React简单的分页代码实现(子组件向父组件传值)
前言分页其实本身很容易实现,我觉得完全没必要使用组件,这里总结一下我实现的分页组件,功能除了上一页和下一页,还有一个输入页码跳转到指定页。上一页和下一页还做了一个简单的判断,即当在第一页和最后一页时不能再点击。而输入页码也需要做判断。原创 2017-11-14 18:57:49 · 5767 阅读 · 0 评论 -
开始一个React项目(二) 彻底弄懂webpack-dev-server的热更新
前言webpack-dev-server配置热更新看起来很简单,但是实际上是有很多坑的,目前为止我没有搜到一篇深入讲解这个的,如果你觉得它很简单,那么或许等你看完这篇文章你会有不一样的看法。 由于HMR非常强大,本来这篇文章我是准备总结webpack-dev-server的,最后基本只总结了它的两个参数:inline和hot,其它的配置我会另外再写一篇文章讲解。模块热替换(Hot Module R原创 2017-12-07 21:43:11 · 19984 阅读 · 5 评论 -
开始一个React项目(一)一个最简单的webpack配置
目前react搭配webpack使用就像豆浆配油条一样常见,我主要总结一下开始一个react项目需要安装的一些插件以及需要配置的webpack,比如支持JSX语法,ES6语法,打包js,支持eslint代码检查等等。原创 2017-09-08 10:45:56 · 21451 阅读 · 0 评论 -
react-native运行ios报错总结
Cannot find entry file index.ios.js [index.android.js] in any of the roots网上一搜出现这个问题的人还挺多,解决方法就是: 项目路径下运行:npm start -- -reset-cache 再重新启动项目:react-native run-ios(run-android) 如果还是失败那么就在这里看看有没有解决方案NPM原创 2017-12-08 10:12:56 · 8826 阅读 · 1 评论 -
开始一个React项目(三)路由基础(v4)
前言react-router针对不同的使用场景衍生了不同的路由包,RN项目用react-router-native,web项目用react-router-dom。并且,不需要再重复引入react-router了。我搭建的是web项目环境,所以用的是react-router-dom。本节代码是基于开始一个React项目(一)一个最简单的webpack配置和开始一个React项目(二) 彻底弄原创 2018-01-21 15:44:22 · 708 阅读 · 0 评论 -
开始一个React项目(四)路由实例(v4)
前言在开始一个React项目(三)路由基础(v4)中我大概总结了一下web应用的路由,这一篇我会接着上一篇分享一些例子。简单的路由示例一个最简单的网站结构是首页和几个独立的二级页面,假如我们有三个独立的二级页面分别为:新闻页、课程页、加入我们,路由配置如下: index.js:import React from 'react'import ReactDom from '原创 2018-01-21 15:45:40 · 2109 阅读 · 0 评论