React
白色薄荷糖
这个作者很懒,什么都没留下…
展开
-
01-React学习笔记
1. React入门## 1.1. React基本认识## 1.2. React基本使用## 1.3. JSX的理解和使用## 1.4. 模块与模块化, 组件与组件化的理解2. React组件化编程## 2.1. 组件的定义与使用## 2.2. 组件的3大属性: state, props, refs## 2.3. 组件中的事件处理## 2.4. 组件的组合使用## 2.5. ...原创 2019-08-01 14:17:37 · 102 阅读 · 0 评论 -
02-React学习笔记
1. 使用React脚手架创建一个React应用1). react脚手架1. xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 * 包含了所有需要的配置 * 指定好了所有的依赖 * 可以直接安装/编译/运行一个简单效果2. react提供了一个专门用于创建react项目的脚手架库: create-react-app3. 项目的整体技术架构为: react + webp...原创 2019-08-01 14:19:07 · 94 阅读 · 0 评论 -
03-React学习笔记
1. 理解react-routerreact的一个插件库专门用来实现一个SPA应用基于react的项目基本都会用到此库2. 几个重要问题1). SPA应用单页Web应用(single page web application,SPA)整个应用只有一个完整的页面点击页面中的链接不会刷新页面, 本身也不会向服务器发请求当点击链接时, 只会做页面的局部更新数据都需要通过ajax请求...原创 2019-08-01 14:19:48 · 69 阅读 · 0 评论 -
04-React学习笔记
1. 最流行的开源React UI组件库1). material-ui(国外)官网: http://www.material-ui.com/#/github: https://github.com/callemall/material-ui2). ant-design(国内蚂蚁金服)官网: https://ant.design/github: https://github.com/a...原创 2019-08-01 14:20:56 · 90 阅读 · 0 评论 -
05-React学习笔记
0. redux要点1. redux理解2. redux相关API3. redux核心概念(3个)4. redux工作流程5. 使用redux及相关库编码#1. redux理解什么?: redux是专门做状态管理的独立第3方库, 不是react插件作用?: 对应用中状态进行集中式的管理(写/读)开发: 与react-redux, redux-thunk等插件配合使用2. re...原创 2019-08-01 14:21:46 · 103 阅读 · 0 评论 -
尚硅谷-React项目-硅谷直聘
day011. 项目开发准备1). 项目描述: 整体业务功能/功能模块/主体的技术/开发模式2). 技术选型: 数据展现/用户交互/组件化, 后端, 前后台交互, 模块化, 项目构建/工程化, 其它3). API接口: 接口的4个组成部分, 接口文档, 对/调/测接口2. git管理项目的常用操作1). 创建本地仓库 创建.gitignore配置文件 git init...原创 2019-08-01 14:25:54 · 724 阅读 · 0 评论 -
Props 的只读性
Props 的只读性组件无论是使用函数声明还是通过 class 声明,都决不能修改自身的 props。来看下这个 sum 函数:function sum(a, b) { return a + b;}这样的函数被称为“纯函数”,因为该函数不会尝试更改入参,且多次调用下相同的入参始终返回相同的结果。相反,下面这个函数则不是纯函数,因为它更改了自己的入参:function withdr...原创 2019-08-31 11:56:27 · 965 阅读 · 0 评论 -
【React】 元素渲染
元素是构成 React 应用的最小单位,它用于描述屏幕上输出的内容。const element = <h1>Hello, world!</h1>;与浏览器的 DOM 元素不同,React 当中的元素事实上是普通的对象,React DOM 可以确保 浏览器 DOM 的数据内容与 React 元素保持一致。将元素渲染到 DOM 中首先我们在一个 HTML 页面中添加一...原创 2019-09-10 17:29:08 · 162 阅读 · 0 评论 -
改版写法
var myStyle = {color:'red',textAlign:'center'}class Name extends React.Component { render() { return <h1 style={myStyle}>网站名称:{this.props.name}</h1>; }}class Url extends React....原创 2019-09-10 17:31:16 · 80 阅读 · 0 评论