React 中的条件渲染就和在 JavaScript 中的条件语句一样。使用 JavaScript 操作符如 if 或者 条件操作符 来创建渲染当前状态的元素,并且让 React 更新匹配的 UI 。 import React, { Component } from 'react'; export ...
分类:
其他好文 时间:
2020-03-21 23:10:28
阅读次数:
59
前言 关于该报错,我找到了4种可能的解决方案 ①:npm install之后再运行npm start (推荐优先使用这种) https://blog.csdn.net/qq_42584411/article/details/92841803 ②:react-app-rewired降到2.0版本 ht ...
分类:
移动开发 时间:
2020-03-21 20:54:59
阅读次数:
501
本文将要介绍 webpack,Babel,babel loader 的关系。理清楚他们各自做了什么事情。 通常我们新建一个项目,会先配置webpack,然后配置babel;babel是一个编译工具,实际上,babel也是可以单独使用的。 下面我们从Babel出发,简单配置一个react项目,来清晰认 ...
分类:
Web程序 时间:
2020-03-20 23:43:04
阅读次数:
222
1、前言 现在的好多项目都是基于APP移动端以及前后端分离的项目,之前基于Session的前后端放到一起的项目已经慢慢失宠并淡出我们视线,尤其是当基于SpringCloud的微服务架构以及Vue、React单页面应用流行起来后,情况更甚。为此基于前后端分离的项目用户认证也受到众人关注的一个焦点,不同 ...
分类:
编程语言 时间:
2020-03-20 22:24:12
阅读次数:
91
useState 生成状态 useEffect 执行副作用(不会阻塞浏览器渲染,原理是使用了requestIdleCallback,在浏览器空闲时执行callback) useContext 获取context参数 useReducer 修改状态 useCallback 缓存函数 useMemo 缓 ...
分类:
其他好文 时间:
2020-03-20 17:03:27
阅读次数:
74
由OpenDigg 出品的前端开源项目周报第十二期来啦。我们的前端开源周报集合了OpenDigg一周来新收录的优质的前端开源项目,方便前端开发人员便捷的找到自己需要的项目工具等。vue2-elm 重写饿了么webapp react-loadable 用于加载组件的高阶组件 node-draftlog ...
分类:
其他好文 时间:
2020-03-20 14:20:02
阅读次数:
87
十、histroy 属性 Router组件的history属性,用来监听浏览器地址栏的变化,并将URL解析成一个地址对象,供 React Router 匹配。 history属性,一共可以设置三种值。 browserHistory hashHistory createMemoryHistory 如果 ...
分类:
其他好文 时间:
2020-03-20 13:14:53
阅读次数:
71
前言 以前我们用img引入图片只需要如下即可 但在react中不允许使用这种方式,会报错,下面我简单总结了2种方式 方式一:通过!important引入(推荐) 然后在img中直接引入变量即可,这个变量名字可任意取 方式二:require方法引入 require中只能写字符串,不能写变量 注:一般推 ...
分类:
其他好文 时间:
2020-03-20 12:35:18
阅读次数:
329
温馨提示: 使用react-hooks进行正常开发时,需要把组件和createContext创建上下文步骤单独写出来,哪里需要就在哪里引入 举个实际的例子:子组件中修改父组件的 state 一般的做法是将父组件的方法比如 setXXX 通过 props 的方式传给子组件,而一旦子组件多层级的话,就要 ...
分类:
其他好文 时间:
2020-03-20 11:12:39
阅读次数:
759
React 之 组件生命周期 理解1) 组件对象从创建到死亡它会经历特定的生命周期阶段2) React组件对象包含一系列的勾子函数(生命周期回调函数), 在生命周期特定时刻回调3) 我们在定义组件时, 可以重写特定的生命周期回调函数, 做特定的工作 生命周期详述1) 组件的三个生命周期状态: * M ...
分类:
其他好文 时间:
2020-03-19 21:59:57
阅读次数:
67