React
Fade Away
这个作者很懒,什么都没留下…
展开
-
react 笔记
'react FACEBOOK 框架 虚拟DOM 组件化开发 原生JS的框架 (ES6+原生javascript) 优点 极速的渲染能力 虚拟DOM virtual DOM 高度组件化 组件之间高度复用 经历大量的测试 有一定的稳定性 虚拟DOM virtual DOM 虚拟DOM 就是在 真实DOM的基础上建立的一个抽象层 (把存储在内存中DOM节点的数据 叫做 虚拟D...转载 2019-06-12 17:10:43 · 105 阅读 · 0 评论 -
React组件参数传递形式和方式
1.父组件给子组件传参数 单个参数 使用props 写在子组件标签属性上即可 子组件得到的props props —> {name: “sss”, children: Array(6)} 集合 {arr} 写在插槽里面 插槽里的数据在props的children数组里面接收 {name: “sss”, children: Array(6)} 2.父组件给子组件传DOM 直接写在插槽...原创 2019-06-13 21:51:02 · 1986 阅读 · 0 评论 -
React Context
context 想使用这个context属性 有几点条件: 1.在父组件定义 A. getChildContext(){ return { msg:"这是context ", word:“努力就会有失败…” } } B. ContextDemo.contextTypes = { word:PropTypes.string, msg:PropTypes.string } export default...原创 2019-06-14 00:00:09 · 70 阅读 · 0 评论 -
React最简单的一层路由,不含动态路由
import React, { Component } from 'react'; import ReactDOM from 'react-dom'; import { HashRouter, Route, Link, Switch } from 'react-router-dom'; class Bpp extends Component { render() { ...原创 2019-06-17 10:08:54 · 162 阅读 · 0 评论 -
immutable 不可变对象
可变对象 可以被修改的对象就是可变对象,换句话,修改可变对象不会开辟新的内存空间,对象本身地址不发生改变 不可变对象(Immutable Objects)即对象一旦被创建它的状态(对象的数据,也即对象属性值)就不能改变,反之即为可变对象(Mutable Objects),也就是说,任何一个对不可变对象的操作返 回的新的不可变对象和上一个不可变对象是不一样的,也就是开辟新的内存空间,上一个失去引...原创 2019-07-01 19:37:46 · 118 阅读 · 0 评论 -
immutable 比深拷贝更优秀的操作数据的方法
const { fromJS } = require('immutable'); let imu = {a:1,b:[1,5,'5',{a:4,b:[1,5,6]}]}; let imu_js = fromJS(imu); let imu_js_copy = imu_js; imu_js_copy = imu_js_copy.setIn(["a"],5); //返回新的对象才是immutable...原创 2019-07-12 17:34:41 · 330 阅读 · 0 评论 -
mobx + immutable 注意要点
immutable对象操作完之后,本身不发生变化,但是,返回一个全新的对象 此处我的goods是一个immutable对象 必须返回一个新的goods才能刷新视图 很明显,对于数组使用Map,Map会返回一个新数组,但是goods本身未改变,所以还需要把map返回的新数组返回给goods,才能刷新视图,所以,使用immutable还是有一些小细节需要注意 ...原创 2019-07-13 18:59:03 · 516 阅读 · 0 评论 -
mobx autoRun computed 你学会了吗?
查了很多资料,关于mobx的autorun方法,在网上很少,自己写了这一篇 在mobx里面autoRun基本上等同于watch了 上面是一个mbxData的定义,就不写了 。。。。。。 let mbxData = new MobxData(); autorun(() => { console.log("autorun") if (mbxData.quan) { ...原创 2019-07-13 19:08:54 · 2073 阅读 · 0 评论 -
react导入图片方式 + webpack 绕坑
1.必须写在行内 2.导入本地分为require 和 import 推荐使用require require能得到正确的地址 imgs/Pikachu.0cf77408.jpg import拿到的是base64地址,视觉太难受 <div style={{width:300,height:300,backgroundImage:'url(https://lc-gold-cdn.xitu.io...原创 2019-07-16 17:49:41 · 739 阅读 · 0 评论