随笔分类 -  react

摘要：https://github.com/StructureBuilder/react-keep-alive/blob/master/README.zh-CN.md 安装 npm install --save react-keep-alive 使用 import React from 'react'; 阅读全文

摘要：yarn add react-app-polyfill core-js 在index.js import 'react-app-polyfill/ie9';//兼容ie9 import 'react-app-polyfill/stable'; import "core-js/es/map" impo 阅读全文

摘要：使用 阅读全文

摘要：npx create-react-app hello-mobx yarn add mobx mobx-react react-router-dom 使用装饰器 https://www.jianshu.com/p/2e23781c957f 新建文件夹store 新建文件 homeStore.js in 阅读全文

摘要：在我们开发react或者vue项目的时候会发现当切换路由进行页面跳转的时候如果在前一个页面将滚动条滚到了最下面然后进行跳转那么接下来的那个页面也会默认滚动在最下面。这个时候我们就需要处理一下。 在处理之前我们首先需要知道原因在哪里： 原因是因为虚拟dom的算法问题，导致不会更新scroll 解决方法 阅读全文

摘要：import React,{ Component } from 'react'; class OrderDetail extends Component{ constructor(props){ super(props) this.state={ msg:"" } } timeTransition 阅读全文

摘要：import CountUp,{startAnimation} from 'react-countup' import './countup.css' class Index extends Component { state = { end:100 } onComplete=()=>{ conso 阅读全文

摘要：一：直接删除.map文件即可 二：通过修改配置文件改掉自动生成（建议大家测试环境的时候不要关闭，这样有利于定位查找代码错误的位置，到发布生产的时候再关闭），现在的cli都已经没有了配置文件，所以我们这样来找： 1：首先到根目录下找到package.json， 里边看到build的时候用的是 “bui 阅读全文

摘要：除了lazy Suspense 可以写个高阶函数 阅读全文

摘要：1.安装 npm install react-intl --save 注意： 为了兼容Safari各个版本，需要同时安装 intl，intl在大部分的『现代』浏览器中是默认自带的，但是Safari和IE11以下的版本就没有了，这里需要留个心眼。 安装intl需要在终端中输入以下指令： npm ins 阅读全文

摘要：一、使用前的准备 $ npm install jquery $ npm install expose-loader $ npm install orgchart $ npm install font-awesome 二、对应js页面demo import React, { Component } f 阅读全文

摘要：1.memo 用于优化方法 const Foo=memo((props)=>{ return <div>{props.person.age}</div> }) 2.useState const [count,setCount]=useState(()=>{ return PaymentRespons 阅读全文

摘要：代码拆分 Webpack-Code Splitting import import('./detail.js').then(...) import React, { Component,lazy,Suspense } from 'react'; const About = lazy(()=>impo 阅读全文

摘要：import React, { Component,createContext } from 'react'; const OnLineContext=createContext() //可以传入默认值 const BatteryContext=createContext(90) class Mid 阅读全文

摘要：1初始化项目 npm init create-react-app my-app 2.修改index import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from ' 阅读全文