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文档读后体会,以及发现的新鲜事
react-router采用loadable-Code Splitting
link:https://reacttraining.com/react-router/web/guides/code-splittingdemo{ "presets": ["@babel/preset-react"], "plugins": ["@babel/plugin-syntax-dynamic-import&q