hooks
react的hooks
且菜且折腾
qq:290573077
展开
-
react+antd使用过程中总结的一些组件
显示loading–mySpin如何使用{mySpin({ spinning: checking, tip: "校验中" })}/** * @param params.spinning 是否显示loading * @param params.tip 提示文字,默认加载中 * @description 需要父盒子使用相对定位position:relative */export function mySpin(params) { const { spinning = false, tip原创 2021-05-06 12:12:18 · 865 阅读 · 0 评论 -
url转base64
写在前面:我是在antdProV4的基础上写的demo1.引入React,useState,useEffectimport React, { useState, useEffect } from 'react';// 因为umi默认开启的css-Module,路径不能直接写,所以引入图片import testImg from '@/assets/test.jpg';2.申明一个stateconst [state, setstate] = useState('');3.书写函数主体,网上看的原创 2021-03-23 10:38:22 · 2394 阅读 · 0 评论 -
react hooks获取不到最新的state解决方法
import React, { useEffect, useState, useMemo, useCallback, useRef } from "react";function Demo(){ const numRef = useRef(1); const [num, changeNum] = useState(numRef.current); function submit(){ console.log(`现在的数字是: ${numRef.current}`) } useEffec原创 2021-01-19 15:03:37 · 4105 阅读 · 0 评论 -
如果操作了没有保存,点了浏览器关闭或跳转其他页面,浏览器弹窗提示“当前操作未保存,确认要离开吗?
React 阻止路由离开(路由拦截) 阻止React router跳转:1、React不像Vue那样有router.beforeEach这样的路由钩子,但是它提供了一个组件:Promptimport { Prompt } from 'react-router-dom';<Prompt when={true} message...原创 2020-12-17 09:45:27 · 1624 阅读 · 0 评论 -
react-hook的学习(常用的useState,useEffect,useRef,useMemo)
了解一下react-hook-useEffect原创 2020-06-19 14:25:05 · 1517 阅读 · 1 评论