reactJs 学习

①.ReactDOM.render 和 angular ng-app

a.ReactDOM.render 是 React 的最基本方法，用于将模板转为 HTML 语言，并插入指定的 DOM 节点

b.angular 应用的使用，ng-app 指令定义一个 AngularJS 应用程序

c.通过两者对比，reactJs 是通过内部进行模板定义，然后内部进行相应的操作
  然后进行模板的渲染进行数据展示angularJs 的方式则是定义一个应用程序
  定义它的数据作用域，然后进行数据绑定，然后进行数据显示reactJs 
  这种写法其实有点类似于 angular directives

②. JSX 语法
a.JSX (Javascript XML syntax transform) 是使用XML语法编写Javascript的一套解析工具
b.使用JSX 和 不使用JSX

c.JSX的便利之处

1.使用类似于xml的写法，对于dom节点的查看更加直观
 2.减少了繁琐的dom操作的过程
 3.同时如果如果在react中碰到{} 会以JavaScript的方式进行解析

③.React 组件

a.React 允许将代码封装成组件（component），然后像插入普通 HTML 标签一样

在网页中插入这个组件。React.createClass 方法就用于生成一个组件类
类似于 angular directives

④.props vs state

a.props 可以看作一个可以获取dom 元素属性的对象(不是用于和用户进行交互的)

这个图片的name 在HelloMessage 中组件中定义就可以通过 this.props.name进行获取

b.state 是用于和用户进行数据交互的，就是将组件看成是一个状态机，一开始有一个初始状态，然后用户互动，导致状态变化，从而触发重新渲染 UI

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!