张鹏~IT~少年人的博客

React中不稳定的批量更新处理import React, { useState } from 'react';import { unstable_batchedupdates } from 'react-dom';export default function Demo() { const [name, setName] = useState(''); const [age, setAge] = useState(12); useEffect(() => { unstable_.

问题：antd（3.x） table 数据量大时，批量全选卡顿。解决方案：使用react-window的VariableSizeGrid组件结合antd table的Api（components.body.wrapper）,将tbody以虚拟列表的方案渲染。注意：需要结合rc-resize-observer监听宽度变化来处理宽度变化业务。import { VariableSizeGrid as Grid } from "react-window";import ResizeObserver f

umi打包优化

import React from "react";import PropTypes from "prop-types";class MyComponent extends React.Component { render() { // 利用属性做更多得事 }}MyComponent.propTypes = { // 你可以定义一个属性是特定的JS类型（Array,Boolean,Function,Number,Object,String,Symbol）。默认情况下，这些都是

import axios from 'axios'class Ajax { constructor() { this.config = { timeout: 10000, headers: {}, auth: {}, } this.codeMessage = { 200: "服务器成功返回请求的数据。", 201: "新建或修改数据

1、bus.jsimport { EventEmitter } from 'events';export default new EventEmitter();2、组件Aimport React from 'react'import bus from '../bus' //引入中间量bus,注册事件，被控组件class A extends React.Component{ constructor(props){ super(props) this.state=

npm run eject 后， 在config文件夹下的webpack.config.js查找 static，批量assets（替换想要输出的命名即可）

1、下载模块npm i scratch-vm scratch-render scratch-storage scratch-svg-renderer scratch-audio twgl.js -S2、创建MySb3Video组件import React, { Component, PureComponent } from 'react';import { Icon, message...

1、cnpm i axios -S2、直接上代码（根据项目配置，自行更改代码）import axios from 'axios';import { notification } from 'antd';import $$ from 'cmn-utils';// 创建axios实例const headers = (function(){ let token = $$.getSto...

预览：1、cnpm install --save video-react react react-dom2、js代码（复制即用）import React, { Component } from 'react';import { Player, ControlBar } from 'video-react';import './index.less';/** * 视频播放组件 ...

import React, {Component} from 'react';import { Menu, Icon } from 'antd';import {Link} from 'react-router-dom';const menuList = [ { title: '首页', // 菜单标题名称 key: '/home', // 对应的 p...

github网址

1、下载android Studio 软件。点击进入下载2、下载完成后，安装界面选择Custom选项，确保选中Android SDK、Android SDK Platform、Performance (Intel ® HAXM)、Android Virtual Device。然后点击"Next"来安装选中的组件。安装完成后，看到欢迎界面时，就可以进行下面的操作了。3、配置环境变量打开控制面...

setState是异步的（不保证是同步）推荐使用setState时候用this.setState(() => {return {key: value}})和渲染无关的状态尽量不要放在state中管理

下面我从constructor构造函数开始，从参数、作用、用法各方面总结1、constructor constructor参数接受两个参数props，context 可以获取到父组件传下来的props，context，如果你想在constructor构造函数内部使用props或者context，则需要传入，并传入super对象。如果你只需要在构造函数内使用props或者context，那么只...

一、安装 cnpm install create-react-app -g 全局安装一次即可二、创建react应用 create-react-app 是全局命令来创建react项目 create-react-app testreact 使用命令创建 testreact项目（该命令执行时间会有些长，请耐心等待） 主要依赖有 react，react-dom，react-scri...