随笔分类 - React
React 教程 React 是一个用于构建用户界面的 JAVASCRIPT 库。 React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。
摘要:React:快速上手(8)——前后端分离的跨域访问与会话保持 跨域访问 跨域是指从一个域名的网页去请求另一个域名的资源。比如从http://www.baidu.com/ 页面去请求http://www.google.com 的资源。跨域的严格一点的定义是:只要 协议,域名,端口有任何一个的不同,就被
阅读全文
摘要:React:快速上手(7)——使用中间件实现异步操作 本文参考链接:Stack Overflow redux-thunk 我们使用store.dispath进行派发时,只能传递一个普通对象进去,如下: 但是,在使用redux-thunk中间件后,我们就可以传递一个函数进去 启用此中间件后,如果您di
阅读全文
摘要:React:快速上手(6)——掌握React Router 引入Router 安装 基础组件 React Router中有三种类型的组件:路由器组件、路由匹配组件和导航组件。 路由器组件:Router 每个React Router应用程序的核心应该是路由器组件。对于Web项目,react-route
阅读全文
摘要:React:快速上手(5)——掌握Redux(2) 本文部分内容参考阮一峰的Redux教程。 React-Redux原理 React-Redux运行机制 我觉得这张图清楚地描述React-Redux的运行机制: React-Redux将组件划分为两类,第一类是UI组件: 只负责 UI 的呈现,不带有
阅读全文
摘要:React:快速上手(4)——掌握Redux 引入Redux 混乱的state管理 随着 JavaScript 单页应用开发日趋复杂,JavaScript 需要管理比任何时候都要多的 state (状态)。 这些 state 可能包括服务器响应、缓存数据、本地生成尚未持久化到服务器的数据,也包括 U
阅读全文
摘要:React:快速上手(3)——列表渲染 使用map循环数组 了解一些ES6 ES6, 全称 ECMAScript 6.0 ,是 JaveScript 的下一个版本标准,2015.06 发版。ES6 主要是为了解决 ES5 的先天不足,比如 JavaScript 里并没有类的概念,但是目前浏览器的 J
阅读全文
摘要:React:快速上手(2)——组件通信 向父组件传递数据 父组件可以通过设置子组件的props属性进行向子组件传值,同时也可以传递一个回调函数,来获取到子组件内部的数据。 效果演示 子组件是输入框,父组件及时获取到输入框内容然后更新右边标签。 父组件传递回调函数 父组件传递一个方法,即updateS
阅读全文
摘要:React:快速上手(1)——基础知识 React(有时叫React.js或ReactJS)是一个为数据提供渲染为HTML视图的开源JavaScript库,用于构建用户界面。 JSX、元素及渲染 1、关于JSX JSX(JavaScript XML)是JavaScript语言语法的扩展。与HTML相
阅读全文