摘要：
1. 修改 docker-compose.yml version: "2.1" services: php7.1: build: ./php image: php7.1-ext ports: - "9000:9000" depends_on: - "dnsmasq" volumes: - "~/pr 阅读全文
摘要：
1. src 下的 common 下的 header 创建 store 文件夹 下创建 reducer.js # src/common/header/store/reducer.js const stateDefault = { focused : false }; export default ( 阅读全文
摘要：
1. 添加动态效果组件 yarn add react-transition-group 2. 修改 src/common/header/index.js import React, {Component} from 'react'; import {CSSTransition} from 'reac 阅读全文
摘要：
1. 访问 iconfont 并注册 登陆 2. 进入 iconfont 头部 图标管理->我的项目 3. 点击右边的文件夹 + 号 图标 创建我的项目 输入项目名称即可 4.在 搜索框 搜索 '放大镜' 三个字 5.找到合适的图标 点击添加入库 6.点击右上角的购物车 -> 添加到项目 选择 项目 阅读全文
摘要：
1. 在 src 下 创建 common 文件下 创建 header 文件夹下 创建 index.js #src/common/header/index.js import React, {Component} from 'react'; import { HeaderWrapper, Logo, 阅读全文
摘要：
1. 创建 react 项目 npx create-react-app my-app 2. src 目录下删除 除了 index.js index.css app.js 的文件 3. 引入 styled-components 样式组件 yarn add styled-components 4. 修改 阅读全文
摘要：
1. 安装 react-redux yarn add react-redux 2. react-redux 编写 TodoList 使所有子组件 都能使用 store #index.js import React from 'react'; import ReactDOM from 'react-d 阅读全文
摘要：
1. redux 数据流程图 View 会派发一个 Action Action 通过 Dispatch 方法派发给 Store Store 接收到 Action 连同之前的 State 发给 Reducer 生成新的 State Redux 的 中间件指的是 Action 和 Store 之间 中间 阅读全文
摘要：
1.发送异步请求获取数据 1.引入 axios ( 使用 yarn add axios 进行安装 ) import axios from 'axios'; 2. 模拟 在元素完成挂载后加载数据 并初始化 redux # TodoList.js componentDidMount(){ axios.g 阅读全文
摘要：
1.组件的拆分 组件拆分的前提 当所有的逻辑都出现在一个组件内时 组件会变得非常复杂 不便与代码的维护 所以对组件进行拆分 IU组件 进行页面渲染 容器组件 进行逻辑操作 UI组件的拆分 新建一个 TodoListUI.js 将 TodoList 组件的 render 方法进行拆分封装为 UI 组件 阅读全文