layxing27的博客

目录总结1 项目创建1.2 命令创建1.3 模块分类1.3.1 模块功能1.4 使用antd UI1.4.1 安装**antd**1.4.2 配置antd1.5 使用less1.5.1 安装less1.5.2 配置使用1.6 使用路由1.6.1 安装router1.6.2 使用路由1.7 使用redux1.7.1 安装redux1.7.2 使用redux1.8 使用请求1.8.1 安装redux-thunk1.8.2 配置使用2 项目开发2.1 登录页面2.2 首页开发2.3 模块开发1 数据接口2 首

问题：项目的请求地址，存于电脑（服务器）的系统环境变量中，项目启动的时候，使用电脑中的请求地址？ 答：修改项目的配置文件 项目描述 （1）项目已经开发完成，要求动态获取环境变量中的请求地址 （2）使用git管理仓库 （3）没有执行过命令eject（注意此操作不可逆） 1 操作 1.1 刷新代码 $ git add . git commit -m "运行eject" 2.1 执行eject操作 yarn run eject 将会多出两个文件夹（配置文件） 1.3 删除node_modules.

文章目录1 下载依赖2 编写2.1 1 下载依赖 cnpm i redux react-redux react-thunk -S 2 编写 1 创建store/index.js引入redux 引入监听 暴露函数 2 reducer.js 默认参数 暴露函数 3 将组件抽离要共享数据的组件 react-redux producer connect 4 reducer.js 类型 进行业务操作 2.1 APP.js import React,{Component} from 'react' imp

文章目录1 引入2 使用2.1 基本使用2.1.1 下载依赖2.1.2 使用2.1.3 暴露存储的数据2.1.4 使用存储数据2.2 常见使用(react-redux)2.2.1 引入2.2.2 创建项目2.2.3 开发1 引入ele2 页面结构3 文件2.3 组件化2.4 axios (react-thunk)2.4.1 下载依赖2.4.2 配置入口文件2.4.3 编写请求方法2.5 错误3 总结3.1 react-redux使用4 源码 1 引入 解决组件之间传值问题(类似于vue中的vuex)

文章目录0 使用技术1 项目搭建1.1 创建项目1.2 搭建项目结构1.2.1 准备数据1.2.2 组件化开发1.2.3 引入element-ui2 开发模块2.1 Header模块2.2 Input模块2.3 List模块2.4 Item模块3 项目文件4 优化4.1 条件渲染4.1.1 旧版渲染4.1.2 新版渲染4.2 按需更新4.2.1 利用生命周期4.2.2 利用纯组件5 用户体验 0 使用技术 axios 请求数据 json-server 模拟数据 react 操作dom element-ui

1 优化 1.1 按需更新 1.1.1 利用生命周期 1 普通写法 import React from 'react' export default class Rodom extends React.Component{ constructor() { super(); this.state={ number:0 } } shouldComponentUpdate(nextProps, nextState,

文章目录1 引入2 组件2.1 组件的props2.2 组件的children(推荐)2.2.1 使用2.2.2 校验2.3 高级组件基本封装2.4 高级组件组件化封装2.5 优化源码 1 引入 了解组件的基本使用和组件之间传值后,需要深度剖析组件 使组件化更明显 降低组件之间的耦合度 增强组件的独立性 2 组件 基于鼠标移动讲解 2.1 组件的props children.js import React,{Component} from 'react' export default class

文章目录1 引入2 请求2.1 项目结构2.1.1 文件如下2.2 浏览器的fetch请求2.3 axios请求2.3.1 基本请求2.3.2 基本封装请求两种1 基本式封装2 创建式封装2.3.3 基本封装的请求拦截1 基本式封装的请求拦截2 创建式封装的请求拦截2.3.4 post请求封装拦截QS0 项目结构1 编写测试接口2 编写请求API 1 引入 在学请求时需要先了解一下react的生命周期 1 this.state={} 初始化数据state 2 componentWillMount

文章目录1 引入2 传值2.1 父传子2.1.1 文件convert/children.jscomponent/index.jsAPP.js2.1.2 总结2.1.3 children属性2.2 子传父2.2.1 基础写法2.2.2 优雅式写法2.3 兄弟之间传值(上两者结合)2.3.1 子组件1得到父组件的值2.3.2 子组件2得到父组件的值和方法2.3.3 实现2.3.4 预览2.4 指定组件传值2.4.1 基本写法2.4.2 使用Context写法2.4.3 优化封装(组件化)target文件crea

文章目录学习链接 学习链接 React学习笔记(一)背景+概念 超级详细的react学习笔记(二)基本使用 超级详细的react笔记(三)jsx 超级详细的react笔记(四)语法篇

文章目录概述1 基本使用1.1 创建1.2 配置(可选)1.3 运行2 语法2.0 项目结构2.1 数据使用2.1.1 创建式2.1.2 嵌入式2.1.3 定义式2.2 属性绑定2.2.1 绑定属性2.3 渲染2.3.1 条件渲染2.3.2 数据渲染2.3.3 列表渲染2.4 样式绑定2.4.1 style2.4.2 className2.4.3 classnames依赖2.5 组件使用2.5.0 项目结构2.5.1 有状态组件2.5.2 无状态组件2.5.3 可控组件和不可控组件1 可控组件2 不可控组件

文章目录1 引入2 总结2.1 项目创建2.1.1 预览2.1.2 创建2.1.3 预览2.1.4 文件结构2.2 项目开发使用2.2.1 项目结构2.2.2 组件的使用创建创建容器引用路由中页面2.2.3 路由的使用2.2.4 请求的使用2.2.5 react中的生命周期 1 引入 我们总结一下在开发中使用脚手架开发 webpack也可以开发,但是由于每一个插件的版本问题,会出现很多坑 2 总结 2.1 项目创建 build-react(推荐使用) 可选择 init 基本使用工具 complete

文章目录1 引入2 语法2.1 挂载页面vue中react中2.2 创建元素2.3 渲染数据2.3.1 遍历数据2.3.2 className 和 style2.3 创建组件2.3.1 无状态组件2.3.2 有状态组件2.4 组件封装1 创建组件2 使用组件2.5 事件绑定2.5.1 基本使用2.5.2 组件使用 1 引入 react中的行为结构样式都是用js来实现的 都可以在js中编写 行为:所需执行的函数,方法 结构:页面搭建的结构(可以使用babel转换成react.createElement)