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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值