特殊之处
-
React独有的JSX语法,与JS不兼容。固凡是使用JSX的地方,都要加上type=“text/babel”
-
头文件中引入的Browser.js是将JSX语法转为JS语法,这一步很消耗时间,如果是实际项目,上线的时候应该将它放到服务器完成。
-
ReactDOM.render( ) 是 React 的最基本方法,用于将模板转为 HTML 语言,并插入指定的 DOM 节点。
需注意的点
- React允许将代码封装成组件(component),然后像插入普通 HTML 标签一样,在网页中插入这个组件。React.createClass({}) 方法就用于生成一个组件类,组建类首字母大写不过这个方法在React版本16以后就失效了,
现在使用的是extends React Component - 所有组件类都必须有自己的 render 方法,用于输出组件。
- 组建类只能包含一个顶层标签
- 由于 this.props 和 this.state 都用于描述组件的特性,可能会产生混淆。一个简单的区分方法是,this.props 表示那些一旦定义,就不再改变的特性,而 this.state 是会随着用户互动而产生变化的特性。
前期写的比较杂,后期入门后应该会写的规范一些