react
关注
分享
扫一扫
Cribug8080
这个作者很懒，什么都没留下…
展开
-
react笔记 Create React App
Create React App使用typescriptnpx create-react-app my-app --typescript添加less第一步 暴露webpack配置文件npm run eject多了一个config文件夹，这样就可以修改 webpack 相关配置了。第二步 添加lessnpm install --save-dev less-loader less...原创 2020-01-07 16:59:46 · 280 阅读 · 0 评论 -
snabbdom@0.7.3 文件内容
snabbdom@0.7.3snabbdom.js核心文件。包含init 返回patch函数h 返回vNodethunk patch优化类似于pureComponentscript方法引入后使用snabbdom全局变量。# 核心函数 返回patch函数function init(modules, domApi) { ...}modules是数组，可以是classM...原创 2019-08-28 15:09:28 · 361 阅读 · 0 评论 -
ant design pro 表搜索 地址与页面对应
当搜索条件变化时，改变地址改变页面内容，达到页面和地址一一对应。举个例子：当查看所有用户时，是一个表格分页，用户翻页第二页时，地址添加参数，表示当前是用户页面的第二页。// 默认页面http://localhost:8080/system/users// 翻页第二页http://localhost:8080/system/users?page=2&pageSize=10思路...原创 2019-07-31 15:33:11 · 682 阅读 · 0 评论 -
react生命周期
react生命周期生命周期图包含挂载、更新、销毁三个环节生命周期演示包含两个组件FaComponents和ClassComponent。为了验证props的变化，所以追踪的是ClassComponent的钩子函数。第一次加载后输出：//首次加载-挂载constructorcomponentWillMountrendercomponentsDidMount//点击"加一"按钮...原创 2019-05-16 15:11:10 · 378 阅读 · 0 评论 -
live-server 启动 umi单页应用 刷新页面
设置统一入口live-server --entry-file=/index.html原创 2019-05-07 18:01:45 · 2229 阅读 · 0 评论 -
dva effect reducers 循环执行
effects和reducers的名字不要相同，不然你会很嗨的import { findTablesWithPage } from '@/services/api';export default { namespace: 'tables', state: { data:{}, }, effects: { *appendList({ payload }, {...原创 2019-05-10 10:19:53 · 2533 阅读 · 0 评论 -
react redux
<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>Hello React!</title><script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"...原创 2019-04-15 11:20:13 · 163 阅读 · 0 评论 -
react redux redux-saga
react是前端view框架redux是前端状态管理器redux-saga是redux的升级版，异步状态管理saga.js管理异步状态变更，一般是异步请求reducer.js是redux的东西main.js整合react+redux+redux-saga<!DOCTYPE html><html><head><meta charset=...原创 2019-04-17 12:24:44 · 521 阅读 · 0 评论 -
react 组件远距离通信 EventEmitter
订阅者发布者模式，组件之间通信。两个组件Father、Father2<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1...原创 2019-04-12 10:58:36 · 2815 阅读 · 0 评论 -
React 基本语法 createElement 属性、变量、style样式、事件
React语法基本结构JSX 只是为 React.createElement(component, props, ...children) 方法提供的语法糖。在线编译器JSX 使用const ele = <h1>title</h1>var root1 =( <ul className="my-list"> <li>First T...原创 2019-03-29 10:56:57 · 5417 阅读 · 0 评论 -
React 父子组件互相交互
script分为三个部分：ReactDOM.renderFather 构造父组件Sub 构造子组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid...原创 2019-04-11 11:00:57 · 713 阅读 · 0 评论 -
umi react router 路由
环境yarn global add umi //全局安装umi乌米mkdir myapp && cd myapp //创建空文件夹并进入文件夹yarn create umi//❯ app - Create project with a simple boilerplate, support typescript.//Do you want...原创 2019-03-13 17:42:52 · 12210 阅读 · 0 评论