前端学习
polar_geass
这个作者很懒,什么都没留下…
展开
-
【Redux学习-6】使用axios请求后台
上一小节:【Redux学习-5】代码逻辑和UI分离准备阶段安装axios本人是第一次使用axios,百度介绍是用在浏览器中的HTTP库,安装命令如下npm install --save axios使用easy-mock模拟后台的response数据打开www.easy-mock.com,使用网站默认创建的一个项目,在其中新建一个GET请求方式的request,返回的数据格式如...原创 2019-12-16 23:10:01 · 255 阅读 · 0 评论 -
【Redux学习-5】代码逻辑和UI分离
上一小节:【Redux学习-4】重构和优化代码目标将NeedDoneList的UI实现和逻辑实现分离方法将NeedDoneList的render函数中的UI实现单独抽象为一个Component,命名为NeedDoneListUI.js,在这个子组件中调用父组件的属性。//NeedDoneListUI.jsimport React, { Component } from 'react';...原创 2019-12-10 22:07:12 · 372 阅读 · 0 评论 -
【Redux学习-4】重构和优化代码
上一小节:【Redux学习-3】完善项目的增加和删除事件优化目标方便企业级开发时的迭代和协作方法统一常量管理将action的命名放在一个js文件中,并导出给其他文件使用。export const CHANGE_INPUT = 'changeInput'export const ADD_ITEM = 'addItem'export const DELETE_ITEM = 'del...原创 2019-12-09 22:04:07 · 167 阅读 · 0 评论 -
【Redux学习-3】完善项目的增加和删除事件
上一小节:【Redux学习-2】Redux流程初体验目标通过Redux的方式实现需要做事情的增加和删除实现步骤增加需要做的事情在button标签上添加onClick事件,触发一个函数,函数中构建action,再在reducer中处理这个action。 handleBtnClick = ()=> { const action = { ...原创 2019-12-05 22:43:11 · 166 阅读 · 0 评论 -
【Redux学习-2】Redux流程初体验
上一小节:【Redux学习-1】构建项目目标通过Redux来实现Input控件输入值的改变实现步骤准备阶段上一节中在项目的src目录下创建了仓库-store.js和Reducer-reducer.js,代码分别如下。//store.jsimport {createStore} from 'redux'import reducer from './reducer'const ...原创 2019-12-04 22:44:02 · 135 阅读 · 0 评论 -
【Redux学习-1】构建项目
本系列文章为学习视频时的随笔,几乎无含金量,仅供个人回顾视频学习地址:来自b站的学习视频环境搭建安装react脚手架npm install -g create-react-app新建一个demo项目,进入想要创建项目的文件夹下create-react-app demo安装VS Code插件Simple React Snippets来简化React的开发使用AntDes...原创 2019-12-03 22:53:20 · 113 阅读 · 0 评论