1.Redux-thunk中间件1.1 安装及配置Redux-thunk并不在Redux基础组件中，需要进行安装。 npm install --save redux-thunk 在/store/index.js中引入redux-thunck。 1.引入applyMiddleware,如果你要使用中间件，就必须在redux中引入applyMiddleware. import { crea

1.Ant Design介绍和环境初始化Ant Design是一套面向企业级开发的UI框架，视觉和动效作的很好。阿里开源的一套UI框架，它不只支持React，还有ng和Vue的版本，我认为不论你的前端框架用什么，Ant Design都是一个不错的选择。习惯性把AntDesign简称为antd。 官网地址:https://ant.design/index-cn 2.项目初始化#安装脚手架工具 c

1.Redux介绍Redux是一个用来管理管理数据状态和UI状态的JavaScript应用工具（数据流框架）。随着JavaScript单页应用（SPA）开发日趋复杂，JavaScript需要管理比任何时候都要多的state（状态），Redux就是降低管理难度的。（Redux支持React，Angular、jQuery甚至纯JavaScript） 从以上图可以看出，Redux可以将数据先放到数据仓

1.React生命周期图通过这张图可以看到React声明周期的四大阶段： Initialization:初始化阶段。 Mounting: 挂在阶段。 Updation: 更新阶段。 Unmounting: 销毁阶段 2.什么是生命周期函数 生命周期函数指在某一个时刻组件会自动调用执行的函数 constructor不算生命周期函数。 constructor叫构造函数，它是ES6的基本语

1.PropTypes简单使用在Xiaojiejie.js组件里传递了4个值，有字符串，有数字，有方法，这些都是可以使用PropTypes限制的。在使用需要先引入PropTypes。 import PropTypes from 'prop-types' 引入后，就可以在组件的下方进行引用了，需要注意的是子组件的最下面（不是类里边）。 //校验传递值 SmailSmailGirlItem.prop

1.单项数据流React的特性中有一个概念叫做“单项数据流”，以以上练习的Demo讲解。比如我们在父组件中可以直接把this.state.list传递过来。 <ul> { this.state.list.map((item,index)=>{ return ( <SmailS

1.新建服务菜单组件在src目录下，新建一个组件SmailSmailGirlItem.js。 import React, { Component } from 'react'; class SmailSmailGirlItem extends Component { render() { return (

1.JSX代码注释我第一次写JSX的注释，是直接像以前js注释写的，当然这样写是不对的。 <Fragment> //第一次写注释，这个是错误的 <div> <input value={this.state.inputValue} onChange={this.inputChange.bind(this)&#

1.组件下标传递传递下标就要有事件产生，先来绑定一个双击事件。我们在li标签上绑定一个onClick事件，执行删除操作。 <ul> { this.state.list.map((item, index) => { return <li onClick={this.deleteItem.bind(this,

1.渲染服务列表现在的列表是写死的两个li标签，倘若我们需要将其变成动态的，那我们就需要把这个列表进行数据化，然后通过js代码循环到页面上。 constructor(props){ super(props) //调用父类的构造函数，固定写法 this.state={ inputValue:'' , //----------主要