guanguan0_0的博客

源起我们都知道如何在react文件中使用redux，但是你们有没有遇到在普通的纯js中使用redux的场景呢，比如：公共方法文件utils.js等如何处理废话不多说，直接上代码，具体的解释会放在代码注释中入口文件 index.js:import { applyMiddleware, createStore } from 'redux';import createSagaMiddleware from 'redux-saga';import rootReducer from '.

因为tooltip是定位到父节点的，全屏后或者页面发生变化后，可能会导致tooltip找不到父节点的位置。因此，需要加一个属性来给tooltip绑定它的父节点getPopupContainer={()=>document.getElementsByClassName("img-opt")[0]}就这么简单，类似的因为页面位置发生变化而找不到的有联系的组件都可以使用这个来尝试一下。...

request.jsimport { Modal } from "antd";import axios from "axios";const instance = axios.create();// 是否正在刷新tokenlet isRefreshing = false;// token 过期时的请求队列let requestQueue = [];//token获取失败处理const LoginAgain = () => { Modal.warning({ co

1

前端实现一键复制功能除了用原生js和window属性来写，还可以使用外部插件react-copy-to-clipboard使用方法如下：1、安装$ npm install --save react-copy-to-clipboard2、使用import { CopyToClipboard } from 'react-copy-to-clipboard'return ...

在vue开发中，我们常常用<template></template>作为一个不可见的包裹元素，用来包裹不能有父级容器的标签（例如tbody）；在react开发中，也有这样一个空标签<React.Fragment>，给需要的组件或元素提供包裹层，并且不添加真实的dom结构const Table = ( return <Rea...

方式一、params优势：刷新页面，参数依然存在缺陷：只能传字符串，并且值太长影响美观1、路由表：<Route path='/detail/:id' component={Detail} />2、Link标签:<Link to={'/detail/'+'2'} activeClassName='active' >Detail</Link&g...

下面以Vue为例来封装request请求request.js:import axios from 'axios'import { getToken } from '@/utils/auth'import { Message } from 'element-ui'import store from '@/store'import router from '../router'c...

1、父组件调用子组件的方法或值父组件调用子组件方法是父组件通过读取子组件的ref，可以获取子组件的所有参数和方法，在没有使用redux时可以直接使用this.refs.child.useChildFunc()如果使用了redux，ref获取的则是connect组件，所以需要将子组件的this通过父组件中绑定在子组件的方法传递给父组件parent.js:import Reac...

import { Component } from 'react';import { Cascader } from 'antd';import * as addressRequest from '../../services/address';export default class AreaPicker extends Component { constructor(props...