Insist_Wxx-CSDN博客

原创 ES6之async函数

什么是async:async函数它就是 Generator 函数的语法糖.他使得异步操作变得更加方便例如有一个Generator函数,依次读取两个文件.const fs = require('fs');const readFile = function (filename) { return new Promise(function (resolve,reject) { fs.rea...

2018-10-12 10:54:51 149

原创 ES6中的Promise对象

什么是 Promise :简单说Promise 就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果. 从语法上说,Promise是一个对象,从他可以获取异步操作的消息.Promise 是异步编程的一种解决方案,比传统的解决方案–回调函数和事件–更合理和更强大.Promise 对象有两个特点:对象的状态不受外界影响. Promise 对象代表一个异步操作,有三种状态...

2018-10-11 14:45:15 128

原创高阶组件

高阶组件(HOC)是react 中对组件逻辑进行重用的高级技术.但高阶组件本身并不是React API . 他只是一种模式,这种模式是由react自身的组件性质必然产生的.具体而言,高阶组件就是一个函数,且该函数接受一个组件作为参数,并返回一个新的组件.const enhancedComponent = higherOrderComponent ( WrappedComponent );对...

2018-10-10 15:53:11 320

原创 react 高级指引之Context

Context 通过组件树提供了一个传递数据的方法,从而避免了在每一个层级手动的传递 props 属性.Context 的使用场景:Context 设计目的是为共享那些被认为对于一个组件树而言是 "全局"的数据.例如当前ti认证的用户,主题或或首选语言.function ThemedButton(props) { return <Button theme={props.theme} ...

2018-10-10 14:37:56 283

原创 Redux-Saga

在前端框架中,自然少不了很多中间件做数据处理, 而 redux-saga 就是其中之一. 目前它的应用不是很广泛,但是如果使用得当,将会事半功倍的效果.什么是 redux-saga:他是 Redux 的一个中间件,主要集中处理 react 架构中的异步处理工作,被定义为 generator的形式,采用监听的形式进行工作.redux-saga 有哪些常用方法:redux Effects:E...

2018-10-10 10:15:45 164

Refs 提供了一种方式,用于访问在 render 方法中创建的 DOM 节点或 React 元素.在典型的 React 数据流中,属性(props)是父组件与子组件交互的唯一方式. 要修改子组件,需要使用新的 props 重新渲染他, 但是某些情况下需要典型数据流外强制修改子组件. 要修改的子组件可以是 React 组件的实例, 也可以是 DOM 元素.何时使用 Refs:下面是几个合适使...

2018-10-09 15:16:36 189

原创 PropTypes进行类型检查

注意: React.PropTypes 已经废弃, 请使用 prop-types 库来代替.随着应用日渐庞大,我们可以通过类型检查捕获大量错误. 对于某些应用来说,你还可以使用 Flow 或 TypeScript 这样的 JS 扩展来对整个应用程序进行类型检查. 然而即使不用他们, React 也有一些内置的类型检查功能. 要检查组件的属性,需要配置特殊的 propTypes 属性:impor...

2018-10-09 10:38:02 339

原创组件&Props

组件从概念上看就像是函数,它可以接收任意的输入值 ( 称之为 “props” ),并返回一个需要在页面上展示的 React 元素.定义组件的方法:函数定义类定义定义一个组件最简单的方式是使用 JavaScript 函数:function Welcome(props) { return <h1> hello, { props.name } </h1>;}...

2018-09-26 11:37:04 128

Insist_Wxx的博客