摘要:当Redux 和React 相接合,就是使用Redux进行状态管理,使用React 开发页面UI。相比传统的html, 使用React 开发页面,确实带来了很多好处,组件化,代码复用,但是和Redux 接合时,组件化却也带来了一定的问题,组件层层嵌套,有成千上百个,而store确只有一个,组件中怎么 阅读全文
posted @ 2019-08-18 23:00 SamWeb 阅读(593) 评论(1) 推荐(0) 编辑
摘要:React 有一个特殊的属性children, 主要用于组件需要渲染内容,但它并不知道具体要渲染什么内容,怎么会有这种使用场景?确实比较少,但并不是没有,比如弹出框。当你写一个弹出框组件的时候,你知道它要弹出什么吗?肯定不知道,只有使用的时候才知道。那为什么要写弹出框组件?虽然内容不一样,但框是一致 阅读全文
posted @ 2019-08-17 10:48 SamWeb 阅读(1167) 评论(0) 推荐(0) 编辑
摘要:回顾一下Redux的数据流转,用户点击按钮发送了一个action, reducer 就根据action 和以前的state 计算出了新的state, store.subscribe 方法的回调函数中 store.getState() 获取新的state, 把state 注入到页面元素中,实现页面状态 阅读全文
posted @ 2019-08-11 15:36 SamWeb 阅读(725) 评论(4) 推荐(0) 编辑
摘要:Redux做状态管理,有三个基本的原则 1,整个应用的状态(state)都存在一个普通的js 对象中。比如用户列表 const state = [ { id: 1, name: 'sam', age: '20' }, { id: 2, name: 'josn', age: '21' } ] 2, 状 阅读全文
posted @ 2019-08-10 11:39 SamWeb 阅读(386) 评论(0) 推荐(1) 编辑
摘要:create-react-app 创建项目,在App.js中创建Counter 组件 import React from "react"; export default class Counter extends React.Component { state = { counter: 0 } ha 阅读全文
posted @ 2019-08-05 19:54 SamWeb 阅读(275) 评论(0) 推荐(0) 编辑
摘要:类型 Js中的类型是针对值来说,而不是针对变量,值就是所谓的42, 'abc', false 等能用js 操作的数据。在js 中说某某某是什么数据类型,其实是说的这些值是什么类型。值呢?有7种数据类型: number, string, boolean, null, undefined, object 阅读全文
posted @ 2019-06-06 12:39 SamWeb 阅读(2833) 评论(0) 推荐(0) 编辑
摘要:Sets 和数组一样,都是一些有序值的的集合,但是Sets 和数组又有所不同,首先Sets 集合中不能存有相同的值,如果你向Sets 添加重复的值,它会忽略掉, 其次Sets 集合的作用也有所不同,它的主要作用一是存储数据,二是在于看一个值是不是在集合中,而不是对单个值进行操作,Sets 的查找更快 阅读全文
posted @ 2019-05-15 23:29 SamWeb 阅读(239) 评论(0) 推荐(0) 编辑
摘要:Symbol类型没有字面量表现形式,要想获得一个Symbol类型的值, 需要调用全局函数Symbol() let firstSymbol = Symbol(); 调用的时候,也可以给函数传一个字符串参数,用来描述这个symbol let secondSymbol = Symbol('second s 阅读全文
posted @ 2019-05-03 08:06 SamWeb 阅读(2251) 评论(0) 推荐(1) 编辑
摘要:解构赋值,就是怎么快速地从对象和数组中获取到你想要的数据,先来看对象的解构赋值。 let person = { name: 'sam', age: '28' }; let {name, age} = person; // 解构赋值 console.log(name, age) // 'sam' 28 阅读全文
posted @ 2019-04-27 23:37 SamWeb 阅读(2341) 评论(2) 推荐(0) 编辑
摘要:对象字面量语法扩展: 1, 属性初始化语法简写:给一个属性赋一个变量值,如果变量名和属性名相同,可以省略变量名和冒号,直接写属性名,js引擎在执行代码的时候,自动查找 和属性命名相同的变量并赋值。 let x = 1, y = 2; let object = { x, // 属性名是x,变量名也是x 阅读全文
posted @ 2019-04-14 16:04 SamWeb 阅读(1007) 评论(0) 推荐(0) 编辑