react
文章平均质量分 67
木木格里
喔喔喔。。
展开
-
react-01--JSX
const element = Hello,World! 这个有趣的标签语句既不是字符串也不是html; 它被叫做JSX,它是javascript的扩展语句。在react里使用它来描述 UI应该是什么样的。JSX可能让你想起一种模版语言,但是它形成于这强大的javaScript. JSX产生了React元素。我们将在下一部分探索使用它渲染DOM ,下面你可以开始这基础使用。 你可以嵌原创 2016-11-12 20:34:04 · 181 阅读 · 0 评论 -
react-02--Rendering Elements
Rendering Elements 元素是React apps里最小的构建块。 一个元素描述了你想在屏幕上看到的。 const element = Hello ,World 不像浏览器的DOM元素,React元素是平实无华的,很容易创建。React DOM 关注更新DOM区匹配React元素。 渲染一个元素到DOM 在你的HTML文件里写这样一个div; 我们把它叫做根DOM节原创 2016-11-13 16:04:30 · 255 阅读 · 0 评论 -
react学习总结
一、安装 React的安装包可以到官网下载,如果使用git也可在在git下载: git install react -g; 下载完毕可以写个小例子: 首先,在index.html页面 插入2个外部文件: index.js:class HelloMessage extends Rect.Component{ render(){ return 你好,{this.props.na原创 2016-11-12 19:19:00 · 354 阅读 · 0 评论 -
Components and Props
组件让你把UI分离成独立的,可再用的; 从概念上来讲:组件就像JavaScript函数,它接受任意的输入并且返回应该出现在屏幕上的React元素, 函数式的和类式的组件 这最简单的定义组件的方法是写一个JavaScript函数, function Welcome(props){ return Hello,{props.name}; } 这个函数是一个有效的React组件因为原创 2016-11-13 18:15:42 · 226 阅读 · 0 评论 -
React组件概念和生命周期
组件是React的核心,虽然功能很强大,但是其API和概念却十分简单,以至于你只要实现一个render方法就可以创建一个组件。这大大降低了React学习门槛。 对于react组件的概念,最重要的要知道prop 和state; prop:组件间传递数据的部分,分为函数式的,类继承声明式的,和自定义组件。 state:组件内部的可变部分,是单向数据流,数据只存在state里,放在根组件上,数据从原创 2016-11-14 08:53:35 · 616 阅读 · 0 评论