reactJs 学习

前端之家收集整理的这篇文章主要介绍了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

猜你在找的React相关文章