![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 104 阅读 · 0 评论 -
React组件参数传递形式和方式
1.父组件给子组件传参数单个参数 使用props 写在子组件标签属性上即可子组件得到的propsprops —> {name: “sss”, children: Array(6)}集合 {arr} 写在插槽里面 插槽里的数据在props的children数组里面接收{name: “sss”, children: Array(6)}2.父组件给子组件传DOM直接写在插槽...原创 2019-06-13 21:51:02 · 1983 阅读 · 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 · 69 阅读 · 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 · 157 阅读 · 0 评论 -
immutable 不可变对象
可变对象 可以被修改的对象就是可变对象,换句话,修改可变对象不会开辟新的内存空间,对象本身地址不发生改变不可变对象(Immutable Objects)即对象一旦被创建它的状态(对象的数据,也即对象属性值)就不能改变,反之即为可变对象(Mutable Objects),也就是说,任何一个对不可变对象的操作返 回的新的不可变对象和上一个不可变对象是不一样的,也就是开辟新的内存空间,上一个失去引...原创 2019-07-01 19:37:46 · 116 阅读 · 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 · 315 阅读 · 0 评论 -
mobx + immutable 注意要点
immutable对象操作完之后,本身不发生变化,但是,返回一个全新的对象此处我的goods是一个immutable对象必须返回一个新的goods才能刷新视图很明显,对于数组使用Map,Map会返回一个新数组,但是goods本身未改变,所以还需要把map返回的新数组返回给goods,才能刷新视图,所以,使用immutable还是有一些小细节需要注意...原创 2019-07-13 18:59:03 · 512 阅读 · 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 · 2057 阅读 · 0 评论 -
react导入图片方式 + webpack 绕坑
1.必须写在行内2.导入本地分为require 和 import推荐使用requirerequire能得到正确的地址 imgs/Pikachu.0cf77408.jpgimport拿到的是base64地址,视觉太难受<div style={{width:300,height:300,backgroundImage:'url(https://lc-gold-cdn.xitu.io...原创 2019-07-16 17:49:41 · 723 阅读 · 0 评论