
React
如果有了可惜
这个作者很懒,什么都没留下…
展开
-
React基础
安装 npx create-react-app 项目名称 cd进入项目,yarn eject抽离 yarn start 运行 发现页面报错:@babel/plugin-transform-react-jsx 解决:yarn @babel/plugin-transform-react-jsx 组件 class 组件 import React from 'react' class A ext...原创 2019-05-21 15:42:59 · 324 阅读 · 0 评论 -
React-router
路由 安装 3.x yarn add react-router 4.x yarn add react-router-dom 两种模式( HashRouter / BrowserRouter ) 1.老版本的 HashRouter :通过 hash 存储不同状态的 history 信息,对应 createHashHistory ,通过检测 location.hash 值的变化,使用 loca...原创 2019-05-23 09:13:47 · 208 阅读 · 0 评论 -
react使用Ant Design
安装 路径别名 const path = require('path') const { override, fixBableImports, addWebpackAlias } = require( 'customize-cra' ) module.exprots = override( fixBabelImports("import",{ libraryName...原创 2019-05-20 17:42:30 · 237 阅读 · 0 评论 -
Flux
MVC是理想架构,但是在实际中往往 M 和 V还有复杂的练习。传统 MVC 没有解决 M 和 V 之间的交互关系,为了解决这个缺陷,出现了下列三种架构思维。这三种架构思维与 MVC 一个级别 Flux 基础版 Redux 进阶 Mobx 精华 相比之下,Vuex级别小的多,只相当于一个插件,但是他们解决的问题都是多组件状态共享 我们的 Vue React 框架在这些架构思维中充当的为的 ...原创 2019-05-15 18:39:13 · 172 阅读 · 0 评论 -
Redux
安装 yarn add redux src + store index.js improt { createStore } from 'redux' const store = new createStore() console.log( store.getState() ) reducer.js const reducer = (previousStare = state, a...原创 2019-05-19 12:56:09 · 220 阅读 · 0 评论 -
MobX
1.Actions修改state 2.state 更新 Computed values 3.组件触发 reacttions 4.reacttions调用 Actions State 是可观察和最低限度定义的,可以ishi任意类型 Computed values 是可以 class 实例成员 实例身上可以使用的属性和方法 类成员(实例成员 类成员 构造函数直接调用的属性和方法 ...原创 2019-05-17 16:34:38 · 285 阅读 · 0 评论