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