①.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