随笔分类 - React全家桶
摘要：redux-thunk： 处理函数型action的中间件 asyAdd = () => { // 模拟下异步数据请求 store.dispatch((dispatch, getState) => { setTimeout(() => { console.log("getState", getStat
阅读全文
摘要：Context API： React.createContext(defaultValue)：创建一个context对象。当React渲染订阅了这个Context对象的组件，这个组件会从组件树中离自身组件最近的那个匹配的Provider中读取到当前的context值。 Context.Provide
阅读全文
摘要：v16之前生命周期： （1）initialization组件初始化阶段 constructor(){ super(props); this.state={} } super(props) 调用基类的构造方法，也将父组件的props注入给子组件，供子组件读取props，只读；state初始化 ，可修改
阅读全文
摘要：react-router包含三个库：react-router、react-router-dom、react-router-native；react-router提供基本的路由功能，实际使用时不需要直接安装，根据运行环境选择react-router-dom（浏览器中）或react-router-nat
阅读全文
摘要：react-redux： // index.js import React from "react"; import ReactDOM from "react-dom"; import "./index.css"; import App from "./App"; import { Provider
阅读全文
摘要：Redux：JavaScript状态管理容易，保证行为一致性及易于测试可追踪。 Redux流程： 1. createStore 创建 store； 2. reducer 初始化、修改状态函数；reducer 是一个纯函数，接收旧的 state 和 action，返回新的 state； 3. getS
阅读全文
摘要：创建项目： npx create-react-app demo cd demo npm start 引入antd： yarn add antd import React from "react"; import Button from "antd/es/button"; import "antd/d
阅读全文
摘要：1--react优势 组件化-便于分工、合作 虚拟DOM-性能高 跨平台-移动端 最强，即react核心：组件化、状态 2—react缺点 学习曲线特别陡 设计属性有点特别 3—react技术栈 react主体、webpack、flex、react-route、redux（view 层）、Mocha
阅读全文
