weixin_45413276的博客

使用插件react-router-dom 4.2.2 用于路由react-transition-group 2.2.1 用于react动画实现,这里需要注意下，使用的不是版本1，而是只包含{Transition, TransitionGroup, CSSTransition}的版本2animate.css 用于动画效果react-router.4.0此段大部分来自 ：简书 作者：大神...

React状态管理1.作用:实现多组件状态共享，也是组件通信的一个方案2.React状态管理 -Flux 目前很少人用了 是其他状态管理的基础 -Redux 最流行的形式 -mobx 前卫的形式3.React是一个视图层框架，可以认为是单纯的MVC中的VFluxFlux是一种软件架构思维，后期发展改进，诞生了Redux，在Flux的架构思维中，React只是其中的一部分，V...

反向代理1.在根目录创建文件setupproxy.js文件 这是反向代理的配置文件2.安装 http-proxy-middleware/* 反向代理的配置文件 */const proxy = require('http-proxy-middleware');module.exports = function( app ){ //app.use(proxy('标识符',配置))...

react第三方库实例化swiperReact路由React router 3.xReact router 4.x[5]不同之处 3.x是使用传统思想。统一配置路由，而4.x则不是，而是一个路由即一个组件...

Hooks有了React Hooks，在函数式组件中，也可以使用类组件的state和组件生命周期。基础HooksuseState 能使用状态import React,{ fragment,useState } from 'react'export default const comp = props => { //const [定义状态,定义修改状态的方法] = useS...

react生命周期React中组件有生命周期，也就是说也有很多钩子函数供我们使用, 组件的生命周期，我们会分为四个阶段，初始化、运行中、销毁、错误处理(16.3之后)生命周期钩子函数一定不要写成箭头函数React生命周期React 15.x 10个钩子函数初始化运行中销毁React 16.x 10个钩子函数初始化运行中销毁错误处理...

高阶组件/Higher-Order ComponentsHigher-Order Components就是一个函数，传给它一个组件，它返回一个新的组件。​ 1. 进行某些方法或是属性的复用​ 2. 让外层的组件替我们完成任务，那么里层组件直接使用就可以了举个简单的例子import React from 'react'import A from './components/A'exp...

蚂蚁金服组件库 Ant deign1.构建一个项目2.引入组件库 antd 通过yarn add antd安装 或者 npm i antd 安装3. yarn add react-app-rewired customize-cra packjson修改配置 /* package.json */ "scripts": { - "start": "react-scri...

组件通信1.父子组件通信2.子父组件通信3.非父子组件通信4.跨组件通信

srcindex.js/* * 项目入口文件 - 整个项目的灵魂*/import React from 'react' // React的顶级库，它里面有很多的React的api，并且我们要向使用jsx，那么必须引入它，它是对jsx的支持import ReactDOM from 'react-dom' // 它的所用就是将React组件编译为DOM结构，然后插入到浏览器网页中...

说明React中使用的是 es6 模块化规范React是不能直接在浏览器中运行的，我们必须借助工具才能运行React程序因为React是jsx，它必须经过webpack编译为js才能运行React的快速构建工具CRA [ 大纲要求 - react官方推荐的 ]DvaUmi通过CRA来构建项目构建流程- 安装CRA [ create-react-app ]...