
react
记录react开发中遇到的问题
前端-wjh
这个作者很懒,什么都没留下…
展开
-
react实现keep-alive
在项目中会遇到这样一个场景 上拉了N页的时候点进详情然后再返回列表,列表会重置,这里就需要对页面进行缓存,类似vue的keep-alive。网上找了很多方案,可能demo是可以的,但是在复杂的场景下会有很多问题,基本上不能实现,经过一上午的折腾总算是弄出来了,采用的方案是 react-router-cache-route@1.8.4代码如下import React from "react";import { HashRouter, Route } from "react-router-dom";i原创 2020-05-11 13:41:34 · 1676 阅读 · 1 评论 -
react 打电话+阻止冒泡
const url = `tel:${phone}`; //点击电话阻止冒泡 const clickPhone = (event: any) => { event.stopPropagation(); }; <a href={url} onClick={clickPhone}> {phone} </a>原创 2020-05-09 21:37:10 · 547 阅读 · 0 评论 -
react hooks img 显示默认图片
图片请求不到的时候我希望能给一个默认图片核心代码如下import defaultImg from "./default.jpg";const { picUrl} = props.item;const [imgSrc, handleImageErrored] = useState(picUrl); <img onError={() => handleImageErrore...原创 2020-04-27 09:04:27 · 1292 阅读 · 0 评论 -
react 弹窗组件状态缓存
最近遇到一个问题,点击弹出一个分类筛选,选择完成后关闭弹窗后再次打开就之前的状态都没有了写法如下{show && ( <Category categoryList={categoryList} getList={getList} setShow={setShow} /> ) }网上找了很多方案都不是很满意,我...原创 2020-04-27 09:00:34 · 708 阅读 · 0 评论