![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
꧁꫞有為青年=灰太狼꫞꧂
这个作者很懒,什么都没留下…
展开
-
图片上传
import React from ‘react’import { Button, Upload, message } from ‘antd’import ‘./styles.less’export default class Login extends React.PureComponent {constructor (props) {super(props)this.state = {img: ‘’, // 存 imgimgData: ‘’, // 存 img 的数据}this.re原创 2020-12-21 18:36:53 · 50 阅读 · 0 评论 -
Promise
/** Promise* 为啥要用 promise: 回调地狱* 三种状态: 进行中 已成功(resolve) 已失败(reject)* new Promise((resolve, reject) => { }) 返回一个 promise(Promise 的状态一旦改变了 就永远不会再变了)resolve(参数): 把 promise 的状态 由进行中 -> 已成功reject(参数): 把 promise 的状态 由进行中 -> 已失败* 监听then(res =>原创 2020-12-21 18:33:39 · 101 阅读 · 1 评论 -
react的安装运行项目模板
// 1. 解压缩// 2. npm install -g cnpm --registry=https://registry.npm.taobao.org// 3. cnpm i 或者 yarn// 4. npm start//安装 lodashcnpm i lodash -S原创 2020-12-21 18:30:03 · 78 阅读 · 0 评论 -
react路由拦截
import React from ‘react’import { Route, withRouter } from ‘react-router-dom’/**统一路由监听登录后不做任何处理 未登录跳转到登录页*/export default @withRouterclass extends React.PureComponent {constructor (props) {super(props)this.redirect(props)}// nextPropscompone原创 2020-12-21 18:29:18 · 316 阅读 · 0 评论 -
react路由懒加载
import React from ‘react’;import Loadable from ‘react-loadable’// 默认的 Loadingconst loadingComponent = () => loadingexport default function (loader, loading = loadingComponent) {return Loadable({loader,loading,})}const Home = Loadable(()=> i原创 2020-12-21 18:28:33 · 163 阅读 · 1 评论 -
瀑布流和下拉加载
import React from ‘react’import Masonry from ‘masonry-layout’import InfiniteScroll from ‘react-infinite-scroller’import imagesLoaded from ‘imagesloaded’import axios from ‘axios’import ‘./styles.less’const arr = [‘https://dss1.bdstatic.com/70cFuXSh_Q原创 2020-12-21 18:27:01 · 183 阅读 · 0 评论 -
redux数据持久化
store数据持久化import { persistReducer } from ‘redux-persist’ // 数据持久化import storage from ‘redux-persist/lib/storage’ // localstorage// import sessionStorage from ‘redux-persist/lib/storage/session’ // sessionimport autoMergeLevel2 from ‘redux-persist/lib/s原创 2020-12-21 18:25:53 · 115 阅读 · 0 评论