什么是React,它有哪些特性。

20 篇文章 0 订阅

React,用于构建用户界面的JavaScript库,只提供了UI层面的解决方案,遵循组件设计模式、声明式编程范式和函数式编程概念,以使前端应用程序更高效,使用虚拟DOM来有效的操作DOM,遵循从高阶组件到低阶组件的单向数据流,帮助我们将界面构成了各个独立的小块,每一个块就是组件,这些组件之间可以组合、嵌套,构成整体页面,React类组件使用一个名为render()方法或者函数组件return,接收输入的数据并返回需要展示的内容。

特性:

  •         JSX语法
  •         单向数据绑定
  •         虚拟DOM
  •         声明式编程
  •         component

React存在的优势:

  •         高效灵活
  •         声明式的设计,简单使用
  •         组件式开发,提高代码复用率
  •         单向响应的数据流会比双向绑定的更安全,速度更快

JSX语法:

React为了方便View层组件化,承载了构建HTML结构化页面的职责,即提供了JSX语法糖。JSX将XHTML语法直接加入到JavaScript代码中,再通过翻译器转换到纯JavaScript后由浏览器执行。在实际开发中,JSX在产品打包阶段都已经编译成纯JavaScript,不会带来任何副作用,反而会让代码更加直观并易维护。

JSX语法的注意事项:

1.jsx语法要求最外层只能有一个根节点。

2.jsx语法实际上是js+Xhtml的组合,因此要求要求单标签必须闭合。

3.在jsx中要求img标签必须要有alt属性,否则会有警告

4.在jsx语法中为了防止和js相关关键字冲突,要求class必须写成className,label标签中的for属性必须写成htmlFor

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值