React
sxs7970
这个作者很懒,什么都没留下…
展开
-
Android版Expo 最新版工具
有些手机没办法下载 Expo,只能通过’一些渠道’去下载,而且有可能比较麻烦,你去下载别人的还要c币,有想要的可以私我…原创 2019-06-05 09:11:07 · 3902 阅读 · 24 评论 -
Redux异步操作redux-thunk
文章目录这个功能添加到什么地方呢?使用方法例子启动redux-devtools 工具 Action 发出以后,Reducer 立即算出 State,这叫做同步;Action 发出以后,过一段时间再执行 Reducer,这就是异步. 怎么才能 Reducer 在异步操作结束后自动执行呢?这就要用到新的工具:中间件;(xxxMiddleware) redux-thunk 是一个比较流行的 redux...原创 2019-06-01 22:18:44 · 293 阅读 · 0 评论 -
Redux基本使用
文章目录ActionReducerStroe流程图通过例子来理解reduxdispatch(action) 更新在浏览器中启动redux-devtools工具补充 如果你静不下来的话,去学习redux感觉有点难,静下来去学,一遍不懂再来一遍,哪TM有人是天生就会的? 先理解一下定义!!!(也可以看官网,最主要看基本概念) Action Action:是把数据从应用 (译者注:这里之所以不叫 ...原创 2019-06-01 17:37:50 · 228 阅读 · 0 评论 -
React 父组件传参类型检测和默认值——PropTypes
在React中为了保证组件的正确使用,引入了prop-types 来提供多种验证传入参数的有效性,当向props传入无效数据时 (也可以理解为传值的类型与检验类型不一致),JavaScript控制台会抛出警告! PropTypes 提供了多种类型验证 PropTypes.string.isRequired PropTypes.bool.isRequired PropTypes.func.i...原创 2019-05-30 15:37:17 · 957 阅读 · 0 评论 -
使用create-react-app脚手架搭建React项目
用过脚手架就知道它的好处了,省了你很多时间去配置各种环境!!!!React脚手架他会帮你搭建一个" 空 "项目,搭建好你只需要去写代码就行了!!1 注:这里的空非空,就是脚手架已经帮你下载配置好webpack的环境以及各种依赖项,只需要写相应的组件就行了! package.json 文件的作用:1.当前包(项目)的标识(当前包的名称,版本号);2.各种依赖(各种包之间的依赖);3.运行/打包...原创 2019-05-17 17:33:44 · 182 阅读 · 0 评论 -
React环境下 css + scss + less 样式表对module配置启用模块化
在 React 项目环境下,要去实现样式的方式有三种方法,前两种没有办法实现真正的把样式表单独抽离出来; 如果把样式表抽离出来,因为样式表没有作用域,所以,把样式抽离出来,必须要启用模块化,通过参数 modules 来启动模块化的。 注意: 不管你要用启用哪种类型的样式表的模块化,在引用他们的时候,要用一个对象来接收!!!! 注1: modules 参数是启用模块化! 注2: localId...原创 2019-05-12 22:58:40 · 4473 阅读 · 0 评论 -
create-react-app 项目中使用antd-mobile(按需打包引入 组件JS / CSS)
文章目录1、安装 antd-mobile 运行依赖2、安装 react-app-rewired / customize-cra / babel-plugin-import 开发依赖3、在项目根目录创建一个 config-overrides.js 文件并进行如下配置4、修改 package.json 文件中的 scripts 如下:5、组件中引入方式 在使用 create-react-app 创建...原创 2019-05-22 00:02:00 · 1962 阅读 · 1 评论 -
Error: Can't resolve '@babel/runtime/helpers/classCallCheck'
在学React 的时候,用class关键字创建组件的时候,突然报这个错误!!! 解决也简单,看报错内容就行了 安装 @babel/runtime 就行了 cnpm i @babel/runtime -D 关闭项目,重新运行一下,或者重新下载一下依赖项 cnpm i ...原创 2019-05-12 10:28:51 · 6389 阅读 · 2 评论 -
webpack4.x配置 babel版本7.x 配置 React【踩坑】
文章目录1、babel-loader7.x 与 babel6.x 版本配置2、babel-loader8.x 与 babel7.x 版本配置 babel-loader7.x 一定要与 babel6.x 他们两个版本结合用 babel-loader8.x 一定要与 babel7.x 他们两个版本结合用 1、babel-loader7.x 与 babel6.x 版本配置 如果你的babe...原创 2019-05-10 10:57:29 · 1426 阅读 · 1 评论