React
react学习
kecanwen
这个作者很懒,什么都没留下…
展开
-
react-redux中的持久化数据存储redux-persist
在React项目的开发中经常会遇到,保存一些当前页面的数据, 防止用户刷新导致页面出现报错或者是空白 详情页的数据,是通过列表页路由跳转传过来的id,去后台拿的数据 如果用户刷新当前页面,就会导致拿不到id,这个时候就会出现下面情况: 这个时候需要用到redux-persist, ```javascript import { createStore, combineReducers, applyMiddleware, compose } from 'redux' import reducers fro原创 2021-09-09 20:51:26 · 587 阅读 · 1 评论 -
记录一次withRouter的实际应用场景
在项目中经常会使用到面包屑, 所以想结合antDesign里面的Breadcrumb做一次封装 封装后的面包屑能完成路由的跳转 但是作为独立的组件Breadcrumb是拿不到路由信息的 如果每次在页面组件去传递又略显麻烦 所以在React-router的官网中,找到了React Router中提供的withRouter方法 withRouter的作用有点类似于Redux中的connect,把要获取路由信息的组件传入with-Router,withRouter会把路由信息传递给该组件,并会返..原创 2021-08-31 19:48:44 · 157 阅读 · 0 评论 -
React项目展示高德地图 默认为卫星地图
import styles from './index.module.less' import { PlusOutlined,EditOutlined,DeleteOutlined,SendOutlined,AppstoreOutlined,Popove} from '@ant-design/icons'; import React, { useState ,useEffect } from 'react'; import {Modal, Button, Form, Input,Select, messa.原创 2021-07-07 15:33:45 · 596 阅读 · 0 评论