《React从入门到放弃》 第二集 JSX

       React里面用到是JSX这个东西,JSX全名叫JavaScript xml---在React内部构建标签到类xml语法。举个例子,比如我要创建一个标题函数调用,如果不用jxs,我们可以这样写:

       React.DOM.h1({className:'question'},'Question') 

      或者:

      React.createElement('h1',{className:'question'},'Question')

      如果用jsx,那么可以这样写:

      <h1 className="question">Question</h1>

      注意一点,在jsx里面,标签里面以前写到class要改写成className,因为class是es6到关键字。说点题外话,大家有时间到话看一看es6到一些新特性,更加到趋向面向对象到思想类,我们在以前写es5的时候,很多的写法也是面向对象的思想,比如工厂模式,构造函数模式都是面向对象思想的,es6的面向对象更加赤裸裸了。

       说一下jsx对于我们开发人员的好处,直观,可读性好,抽象化,关注分离点,看一下就行了,真正的好处自己写代码就知道了。反正对我最大的感触,就是功能分离模块化,别的优点也就那样。

       大家记住啊,不管学啥,重要是思想,语法什么的,都是按照人家那个来就行,接口实现来个什么功能,看着api就行来,知道传参是啥,什么类型的,返回的是啥,什么类型的,做项目的时候看一眼就行来。多写上两遍都记住了,重要的是思想。如果想看详细的jsx介绍,看一下别人的文章。


      

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值