React了解

Posted 2020-09-08 编程的尼安德特人

根据博主  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*/