![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
木槿花开lalala
学习总结,不断地积累和进步。。。
展开
-
React入门教程
一、React安装 1.使用React需引入三个库: react.min.js - React 的核心库react-dom.min.js - 提供与 DOM 相关的功能babel.min.js/browser.min.js - Babel 可以将 ES6 代码转为 ES5 代码,它内嵌了对 JSX 的支持。 2.使用 create-react-app 快速构建 React 开发环境转载 2017-08-13 21:01:26 · 300 阅读 · 0 评论 -
React路由
路由库React-Router是唯一可选的路由库,它通过管理 URL,实现组件的切换和状态的变化 一、基本用法 React Router 安装命令如下。 $ npm install -S react-router 使用时,路由器Router就是React的一个组件。 import { Router } from 'react-router'; render(, document.get转载 2017-08-13 21:11:54 · 899 阅读 · 0 评论 -
JSX语法
一、基础 1、JSX是什么 JSX是一种像下面这样的语法: const element = h1>Hello, world!h1>; 它是一种JavaScript语法扩展,在React中可以方便地用来描述UI。 本质上,JSX为我们提供了创建React元素方法(React.createElement(component, props, ...children))的语法糖(syntacti转载 2017-08-13 21:16:40 · 398 阅读 · 0 评论 -
Redux学习总结一
参考阮一峰博客:redux教程 一、react设计思想 web应用是一个状态机,视图与状态是一一对应的。 所有状态都保存在一个对象里面。 二、redux基本概念 1. Store Store是保存数据的地方,可以将其看成一个容器,整个应用只能有一个Store. 2. State State是Store对象的某个时点的数据集合,当前时刻的State可以通过store.ge...转载 2018-04-25 17:03:45 · 289 阅读 · 0 评论 -
Redux学习总结二
参考阮一峰Redux教程 上一篇介绍了Redux的基本做法:用户发出Action,Reducer函数算出新的State,View重新渲染。 为实现Reducer的异步操作,就需要使用新的工具:中间件(middleware). 一、中间件 只有发送Action的这个步骤即store.dispatch()方法,可以添加功能。 //添加日志功能 let next = store.dispa...转载 2018-04-25 17:09:27 · 215 阅读 · 0 评论 -
Redux学习总结三
参考自阮一峰React教程 react-redux的用法 一、UI组件 react-redux将所有组件分成两大类:UI组件(presentational component)和容器组件(container component)。 UI组件有以下几个特征: 1. 只负责UI的呈现,不带有任何业务逻辑 2. 没有状态(即不使用this.state这个变量) 3. 所有数据都由参数(...转载 2018-04-25 17:16:44 · 193 阅读 · 0 评论