文章分类 - react
摘要：day01 1. 项目开发准备 1). 描述项目 2). 技术选型 3). API接口/接口文档/测试接口 2. 启动项目开发 1). 使用react脚手架创建项目 2). 开发环境运行: npm start 3). 生产环境打包运行: npm run build serve build 3. gi
阅读全文
摘要：react如果直接在点击事件里传参，则不会在触发点击时进行触发，而是在渲染时直接调用 1、直接传参 如下所示 测试后发现，该事件会在初始化时直接触发，而不是点击时触发。解决该问题方案为：箭头函数+间接调用 2、箭头函数+间接调用 此时便是在点击时触发函数调用 .
阅读全文
摘要：（1）第一天 API接口包含4部分：请求方式、URL地址、请求参数、响应格式。 旧版3.xxx版本写法 （2）第二天 （3）第三天 （4）第四天 （5）第五天 （6）第六天 （7）第7天 （8）第八天 ## 1. setState()的使用 1). setState(updater, [callba
阅读全文
摘要：【一】方法相关 1、组件内方法调用推荐用箭头函数arrow function 不用绑定bind修改this指向 【二】文件命名相关 2、文件和文件夹和导出组件名称大小写 注意： 文件和文件夹名字都可以小写，无所谓。但文件里的导出组件名一定要大写 【三】路由相关 1、路由定义path注意不能加. 2、
阅读全文
摘要：前言： React Hooks是React生态圈近期里边最火的新特性之一，FaceBook于2018年底推出。 它改变了原始的React类的开发方式，改用了函数形式； 它改变了复杂的状态操作形式，让程序员用起来更轻松； 它改变了一个状态组件的复用性，让组件的复用性大大增加 大纲： 01_ReactH
阅读全文
摘要：前言： React Router 是一个基于React之上的强大路由库，它可以让你向应用中快速地添加视图和数据流，同时保持页面与URL间的同步。这是官方的解释，虽然足以解释React Router，但我觉的还不够重视这个插件。就目前我的工作经验所知，凡是React技术栈的项目（WEB和Native）
阅读全文
摘要：链接：React16基础教程 前言： 首先不能否认React.js是全球最火的前端框架(Facebook推出的前端框架)，国内的一二线互联网公司大部分都在使用React进行开发，比如阿里、美团、百度、去哪儿、网易 、知乎这样的一线互联网公司都把React作为前端主要技术栈 大纲： 01_React免
阅读全文
摘要：React基础教程（旧版）：React教程旧版 【1】React知识点：React基础、全家桶、ReactNative 【2】讲解方式：从最基础搭建环境开始，按照知识点进行介绍，这样减少在工作中的出错频率，增加排查错误能力和解决效率。 大纲： React-01课程介绍 React-02环境搭建和He
阅读全文
摘要：大纲： 01_认识Redux和文章前言" 02_Redux工作流程讲解" 03_AndDesign和开发环境初始化" 04_用Ant Design制作UI界面" 05_创建Redux中的仓库-store和reducer" 06_Redux_Dev_Tools的安装" 07_通过Input体验Redu
阅读全文
摘要：（1）React组件后缀jsx 这里我们建议用JSX，虽然JS也可以，但是后缀为JSX的组件在编写时，会有对应的JSX的语法提示 （2）组件名大写，采用大驼峰法则 （3）React为单向数据流和单向数据绑定，Vue2.0开始为单向数据流和双向数据绑定 （4）循环的key值 （5）ES6扩展运算符实现
阅读全文
摘要：（1）路由介绍 根据url路由不同渲染不同组件 1、安装 npm install --save react-router-dom 安装完毕后，查看package.json项目说明文件，此时该开发依赖已经分配到生产依赖dependencies中 审查后发现该版本为5版本系列，5版本主要针对React
阅读全文
摘要：（1）React基础 目前，我们已经利用create-react-app脚手架搭建好了项目，启动和操作项目的相关命令在项目说明文件package.json的scripts字段里。如下所示 关于修改项目启动端口号及其他配置详解 create-react-app 脚本搭建工程，修改默认端口号.和Reac
阅读全文
摘要：前言： JSX是一种JavaScript的语法扩展，运用于React架构中，其格式比较像是模版语言，但事实上完全是在JavaScript内部实现的。元素是构成React应用的最小单位，JSX就是用来声明React当中的元素，React使用JSX来描述用户界面。 主体： （1）命名法则 小驼峰 因为J
阅读全文
摘要：（1）简介 第一个实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
阅读全文
摘要：前言： 为了大家容易上手，我们循序渐进，由简到难，一步一步来。用ES5方式编写React语法，后期开发使用的是ES6+webpack+构建的方式编写项目。 如果以下子将所有知识点罗列出来，大家肯定容易蒙圈，所以首先掌握基础语法。 本节知识点base基础+JSX语法 主体： （1）hello reac
阅读全文
