码迷,mamicode.com
首页 > 其他好文 > 详细

React了解

时间:2017-04-03 19:38:17      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:变化   log   ica   还需   code   git   http   family   用户   

根据博主  http://www.ruanyifeng.com/blog/2015/03/react.html  的几个Demo(https://github.com/ruanyf/react-demos),持续学习一下React,一款Javascript MVC框架语言。

首先get了几个sublime的快捷键,非常好用!command+D:选中更多的相同元素;command+control+G:选中所有相同项;command+control+上或下:将整行上移或者下移;control+shift+W:将选中的加上标签。这个几个还需持续练习!另外command+回车是换到下一行(光标在本行中)。

  1. ReactDOM.render()方法   html语言可以直接写在里面;
1 var arr = [
2   <h1>Hello world!</h1>,
3   <h2>React is awesome</h2>,
4 ];
5 ReactDOM.render(
6   <div>{arr}</div>,
7   document.getElementById(‘example‘)
8 );
document.getElementById(‘example‘) 之后无分号!数组使用[]扩住。
 2.React.createClass 方法就用于生成一个组件类
  所有组件类都必须有自己的 render 方法,用于输出组件。
 
render: function() {},
propTypes: {}, /*参数校验*/
XXXX: function(){},
getInitialState: function() {}/*初始态,然后用户互动,导致状态变化,从而触发重新渲染 UI*/

  


 

 

React了解

标签:变化   log   ica   还需   code   git   http   family   用户   

原文地址:http://www.cnblogs.com/Neanderthal/p/6662940.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!