初探React

特殊之处

  • 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 是会随着用户互动而产生变化的特性。

前期写的比较杂,后期入门后应该会写的规范一些

你可能感兴趣的:(初探React)