React 17新增的生命周期

一、废除的生命周期官网文档指出使用这些生命周期的代码会在未来版本的react中更容易产生bug,尤其是对于异步渲染的版本由于未来采用异步渲染机制,所以即将在17版本中去掉的生命周期钩子函数componentWillMountcomponentWillRecievePropscomponentWIllUpdate二、新增的生命周期static getDerivedStateFromProps(nex

- 阅读全文 -

toast&axios控制进度条

下面用了react-toastify和axios ,相关包可以在npmjs中搜索到主要是在axios 提交文件过程中引入一个config ,通过config导出对应的上传进度,通过toast.update修改上传进度条private onUpload() { let toastId: any = null var config = { onUpl

- 阅读全文 -

mapStateToProps,mapDispatchToProps的使用姿势

前言刚接触redux的时候,发现大家对mapSispatchToProps使用有几种方法,而且都跑通了,本文介绍下redux的mapStateToProps,mapDispatchToProps的一些小姿势mapStateToProps(state,ownProps)mapStateToProps是一个函数,用于建立组件跟store的state的映射关系作为一个函数,它可以传入两个参数,结果一定要

- 阅读全文 -

如何将React.Componment作为服务使用

如何将React.Componment作为服务使用遇到的问题:在NextJs中,当通过Axios请求数据时,如何监听并提供一个方法,在请求是显示loading组件,请求结束后若有错误,则弹窗 Error -Toast解决思路:在App.js中增加(或追加一个<div />)=>对该<div />追加相应的展示组件=>通过show:boolean=false控制其

- 阅读全文 -

NEXT.JS中值得一提的功能

一边吃零食一边看完了Next.JS的文档,写的不是很复杂,demo尝试起来也很快速:grimacing:我在看Next.JS文档的时候,是通过yarn init 手动搭建的空项目,然后按照文档一点一点写demo如果您不喜欢init,可以尝试使用create-next-app,接下来我们也提到一些关于create-next-app的安装和使用本篇文章主要是对Nextjs文档读后体会,以及发现的新鲜事

- 阅读全文 -

Creat-React-App&TypeScript&Stylus搭建

t> 前几天给准备了一些简单的简单的React教程,之前在做团队项目的时候,用了大佬们的框架,直接刷刷写就OK,可是当自己去配置一些东西的时候,发现事情并没有那么简单,用了两天的时间反复折腾一些UI,配置TypeScript,每一步都十分艰辛创建React项目这里我们首先采用FaceBook制作的Create-React—App 这个Cli,用脚手架的原因就是,比较方便嘛,先配制出一个架子来

- 阅读全文 -

React 最好的 ui 组件库集锦

这里有一篇讨论,说了哪个才是 React 最好的 ui 组件库。https://discuss.reactjs.org/t/best-ui-library-for-react/2953/5我也不知道。因人而异吧,喜欢用哪个就哪个,只要能解决问题就好。所以这里把一些国内外的 ui 组件库收集一下,希望能找到自己所需。国外bellereact-bootstrapbootstrap 4grommetel

- 阅读全文 -

React stopPropagation失灵

先来看这故事的开头是这样的:今儿阿华写代码的过程中,发现一个list下拉菜单无法自动收回,修改了属性没有正常的效果,存在一个冒泡,但是解决起来费了些功夫,发现在内层用stopPropagation阻止绑定在document上的事件的时候,是没办法做到的,只可以阻止outClick事件的触发。class ExampleApplication extends React.Component {

- 阅读全文 -

前端实现图片懒加载(lazyload)

cid=89 本文章当初是为了给父亲讲述一下政务网站新闻发布,细心的老爹竟然看得出来大部分烟台地区的政务网站都是一套系统,其实这合情合理,毕竟不能每个市,区,县的网站独立开发,不利于对数据的维护。正好博客有后台,其实也就跟父亲展示了一下后台发布文章的功能,这也是我没有选择ghost .hexo的原因,我可以随时随地的写文章,而不需要去git,node 告诉他其实政府新闻办宣传部什么的只是把文章复

- 阅读全文 -