字符串(String)类型
字符串类型中的命令及使用
2.1 设置与取值
2.1.1 SET - 设置值
2.1.2 SETNX - key不存在则设置其值
GET - 获取值
2.1.3 GETSET - 设置并返回旧值
2.2 设置值及有效期
2.2.1 SETEX - 设置ke...
阅读全文 →
React-Redux是Redux官方提供的React绑定库,它使你的React组件可以从Redux store中读取数据,并可以向store分发(dispatch)action以更新数据。
本文整理时React Redux版本为v7.1。
介绍
1.1 快速上手
1.2 基础教程
1.3 为什么使用Re...
阅读全文 →
Redux 是一个用于JavaScript应用的、可预测状态容器。Redux由Flux演变而来,参考了Elm,并避开了Flux的复杂性。可以将Redux与React或任何其他视图库一起使用。它很小(2kB,包括依赖项),但是大量可用的插件生态系统。
介绍
1.1 开始使用
1.2 动机
1.3 核心概念
1.4 三大原则
...
阅读全文 →
React Router是用于React的声明式路由组件,可以与你的应用声明式的组合使用。其即可用于Web应用中(通过react-router-dom),也可以用于React Native中(通过react-router-native)。
相关说明:本文基于官方文档(v5.1.2)整理,因笔者为Web使用环境,所以本文暂时只涵盖核心和Web两部分,Nati...
阅读全文 →
使用React.createClass()方法创建组件时,需要传入一个参数对象,React会根据这个对象创建组件。这个参数对象中,除了包含必须要实现的render方法外,还有一些组件的设置属性。组件生命周期中的一些处理函数,也是在这个对象中定义的。
组件的定义
定义组件的参数
2.1 渲染组件:render
2.2 调试输出:displ...
阅读全文 →
React中一个组件就是一个状态机,在组件的生命周期中,随着组件props或state的改变,其DOM表现形式也会有所变化。React组件的生命周期分为:创建期、存在期、销毁&清理期,在生命周期的不同阶段,React提供了不同的处理函数(组件API),通过这些处理函数使我们能够实现对组件整个生命周期内的控制和处理。
组件的生命周期概述
创建期
...
阅读全文 →
React组件及子组件最终通过render方法渲染到DOM中,该方法由ReactDOM类库提供。页面的渲染可以在客户端或服务端完成,ReactDOMServer类库使你可以在服务端完成组件的渲染。通过this.props.children属性可以访问组件的子节点,而对子节点的处理的方法则由React.Children类提供。
ReactDOM类库
...
阅读全文 →
JSX可以减少定义组件的复杂性,但对于React来说JSX并不是必须的,JSX标签最终会被转换为原生的JavaScript。除使用JSX语法外,还可以使用React提供的API来创建组件。本文将介绍使用React创建元素,及一些React中重要的API。
React引用
元素操作API
2.1 创建元素:React.createEl...
阅读全文 →
JSX语法很像HTML,但它并不是HTML的复制品。JSX规范中也有所说明:JSX并不尝试去遵循任何XML或HTML规范,而是做为一种ECMAScript特性设计的。
属性
JavaScript表达式
事件
样式
1. 属性
JSX以类似HTML的方式实现了属性设置。在HTML中我们会像下面这样设置元素属性:
<div id="a-i...
阅读全文 →
React推荐将每一个业务点都建立一个独立的组件,并将所有逻辑和标签封装在其中,创建组件使用React.createClass()方法。JSX以干净简洁的方式保证了组件中的标签与所有业务逻辑的分离,它不仅提供了清晰、直观的方式来描述组件树,同时也让应用程序更加符合逻辑。
定义一个组件
组件使用动态值
2.1 使用变量名
2.2 使用数组...
阅读全文 →