react
qq_42750608
前端
展开
-
手写redux和applyMiddleware中间件react示例
手写redux和applyMiddleware中间件react示例原创 2024-02-24 16:38:39 · 499 阅读 · 1 评论 -
redux-devtools谷歌扩展插件的使用示例
redux-devtools谷歌扩展插件的使用示例原创 2023-11-11 23:34:05 · 635 阅读 · 0 评论 -
react简单的服务器渲染示例(含redux, redux-thunk的使用)
react简单的服务器渲染示例(含redux, redux-thunk的使用)原创 2023-11-06 22:30:40 · 754 阅读 · 0 评论 -
手写redux的connect方法, 使用了subscribe获取最新数据
手写redux的connect方法, 使用了subscribe获取最新数据原创 2023-10-18 22:09:14 · 425 阅读 · 0 评论 -
react写一个简单的3d滚轮picker组件
react写一个简单的3d滚轮picker组件原创 2023-10-17 03:15:10 · 975 阅读 · 0 评论 -
react简单写一个transition动画组件然后在modal组件中应用
react简单写一个transition动画组件然后在modal组件中应用原创 2023-10-17 02:59:55 · 505 阅读 · 0 评论 -
React通过ref获取子组件的数据和方法
React通过ref获取子组件的数据和方法(主要钩子函数和方法: useImperativeHandle, useRef, forwardRef)原创 2023-10-10 19:10:33 · 837 阅读 · 0 评论 -
react 关于textarea文本框前面固定的几个字保证不被删除的简单实现
react 关于textarea文本框前面固定的几个字保证不被删除的简单实现原创 2022-12-15 16:30:25 · 1257 阅读 · 1 评论 -
分片上传简单实现重点是Promise的运用
分片上传--并发(简单地每次调用同样次数的接口)也可以当顺序上传使用。原创 2022-11-03 17:48:12 · 596 阅读 · 0 评论 -
点击div中字符串文本框textarea对应字符串位置高亮
react文本框对照高亮div展示,点击div中字符串文本框,其对应字符串位置高亮原创 2022-10-08 14:39:17 · 1081 阅读 · 0 评论 -
react简单封装antd的树形下拉框
react简单封装antd的树形下拉框原创 2022-09-30 09:39:43 · 1168 阅读 · 0 评论 -
react不同项目中使用iframe进行通信
子页面利用iframe传递数据给父页面(非同一个项目), 做一个相当于公共组件的功能。原创 2022-09-22 15:46:36 · 1067 阅读 · 0 评论 -
前端-弹窗公告不再提示功能
完整代码就不写了, 主要是使用localStorage存储; cookie也是可以的,需要传入清除时间interface ICookie { cname:string; value:string; endTime?: string|number; //是number时为时间戳}const setCookie= ({cname, value, endTime}:ICookie) => { let date:any = 0 if(endTime) {原创 2022-01-26 15:52:38 · 1940 阅读 · 0 评论 -
react使用filter的drop-shadow方法修改背景图片的颜色
<span style={{ overflow: 'hidden', display: 'block', width: 16 }}> <i style={{ display: 'block', ...原创 2022-01-21 18:44:46 · 898 阅读 · 0 评论 -
react项目iframe标签使用接收postMessage的传参
react项目iframe标签使用接收postMessage的传参原创 2022-01-21 18:22:34 · 1457 阅读 · 0 评论 -
react 公告栏组件+定时器写法优化
公告栏, 跑马灯效果, 监听滚动事件原创 2022-01-07 09:56:38 · 1079 阅读 · 0 评论 -
antd-textArea插件点击删除图标直接获取焦点
const onChange = (e: any) => { const { value } = e.target; if (!value && e.type !== 'change') { // do something if(!e.target.value && e.type!=='change') e.target.focus() } };原创 2021-12-01 16:43:17 · 642 阅读 · 0 评论 -
react+antd+react-to-print实现打印功能,ie浏览器可去掉滚动条
import styles from './xx.module.css';import ReactToPrint from 'react-to-print';import ...略export const aa = () => { ,,, 略const getIeScrollClass = () => ieVersion >= 11 && !printBtnShow ? styles.scrollbar : ''return ( <div s.原创 2021-08-12 20:05:49 · 1033 阅读 · 1 评论 -
React--typescript--antd--上传按钮组件的简单实现
import React, { useState, useEffect, useImperativeHandle } from 'react';import axios from 'axios';import _ from 'lodash';import { Button, Upload } from 'antd';import { DeleteOutlined } from '@ant-design/icons'export const UploadBtn = (props:any) =&g.原创 2021-04-12 10:28:33 · 453 阅读 · 0 评论 -
react怎么让组件强制刷新--函数式高阶组件
react怎么让组件强制刷新? (不仅有纯函数组件, 还增加了class组件写法)原创 2021-03-18 11:57:41 · 8995 阅读 · 0 评论 -
react自定义dialog弹窗--插槽功能--穿插redux一些知识
效果图如上:1.点击按钮出现弹窗,点击弹窗的x按钮隐藏弹窗;2.插槽可以是组件,可以是直接写div等代码;3.确认保存按钮功能没做,主要是为了布局效果而已;直接看代码:components/App.jsimport React from 'react';import PopContainer from '../containers/PopContainer'import Slot from '../containers/SlotContainer'import S...原创 2020-10-12 00:22:30 · 569 阅读 · 0 评论