![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
一滴墨
这个作者很懒,什么都没留下…
展开
-
React 教程
**React 是一个用于构建用户界面的 JAVASCRIPT 库。 React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。 React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。 React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。**React 特点1.声明式设计 −Re原创 2017-03-31 01:03:55 · 426 阅读 · 0 评论 -
React安装
React 可以直接下载使用,下载包中也提供了很多学习的实例。 你可以在官网 http://facebook.github.io/react/ 下载最新版。你也可以直接使用 BootCDN 的 React CDN 库,地址如下:我们引入了三个库: **react.min.js 、react-dom.min.js 和 babel.min.js:****react.min.js** - Re原创 2017-03-31 09:21:02 · 4185 阅读 · 0 评论 -
React 入门实例教程
一、HTML 模板<!DOCTYPE html><html> <head> <script src="../build/react.js"></script> <script src="../build/react-dom.js"></script> <script src="../build/browser.min.js"></script> </head>原创 2017-03-31 18:06:43 · 650 阅读 · 0 评论 -
React JSX
React 使用 JSX 来替代常规的 JavaScript。 JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。 我们不需要一定使用 JSX,但它有以下优点:JSX 执行更快,因为它在编译为 JavaScript 代码后进行了优化。它是类型安全的,在编译过程中就能发现错误。使用 JSX 编写模板更加简单快速。使用 JSX JSX 看起来类似 HTML ,我们可以看下原创 2017-03-31 18:39:01 · 481 阅读 · 0 评论 -
React 组件
如何使用组件使得我们的应用更容易来管理。React 实例let HelloMessage = React.createClass({ render: function () { return <div><h1>Hello World</h1></div>; }});ReactDOM.render( <HelloMessage />, document.get原创 2017-03-31 19:06:57 · 302 阅读 · 0 评论 -
React State(状态)
React 把组件看成是一个状态机(State Machines)。通过与用户的交互,实现不同状态,然后渲染 UI,让用户界面和数据保持一致。React 里,只需更新组件的 state,然后根据新的 state 重新渲染用户界面(不要操作 DOM)。以下实例中创建了 LikeButton 组件,getInitialState 方法用于定义初始状态,也就是一个对象,这个对象可以通过 this.stat原创 2017-03-31 19:45:03 · 459 阅读 · 0 评论 -
React Props
state 和 props 主要的区别在于 props 是不可变的,而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 props 来传递数据。var HelloMessage = React.createClass({ render: function() { return <h1>Hello {this.pro原创 2017-03-31 20:33:12 · 375 阅读 · 0 评论 -
React 组件 API
在本章节中我们将讨论 React 组件 API。我们将讲解以下7个方法:设置状态:setState替换状态:replaceState设置属性:setProps替换属性:replaceProps强制更新:forceUpdate获取DOM节点:findDOMNode判断组件挂载状态:isMounted设置状态:setStatesetState(object nextState[, func原创 2017-03-31 21:29:46 · 320 阅读 · 0 评论 -
React 组件生命周期
Mounting:已插入真实 DOM Updating:正在被重新渲染 Unmounting:已移出真实 DOM生命周期的方法有: componentWillMount 在渲染前调用,在客户端也在服务端。componentDidMount : 在第一次渲染后调用,只在客户端。之后组件已经生成了对应的DOM结构,可以通过this.getDOMNode()来进行访问。 如果你想和其他JavaScr原创 2017-03-31 21:54:14 · 364 阅读 · 0 评论