对React理解?有哪些特性?

一、React是什么?

  • react 是构建用户界面的JavaScript库,只提供了ui层面上的解决方案。

  • 它遵循组件设计模式、声明式编程范式、函数式编程概念,以使前端应用程序更高效

  • 采用虚拟dom来有效的操作dom,遵循从高阶组件到低阶组件的单向数据流

  • 帮助我们将界面分割成各个的小块,每一个小块都是一个组件,这些组件可以相互组合、嵌套,从而构成一个整体的页面

  • react可以采用类或者是函数进行组件编写

类组件使用一个名为render()的方法或者函数组件return,接受输入的数据,并返回需要展示的内容

类组件

class HelloReact extends React.Component {
  render() {
    return 
Hello {this.props.name}
; } }

函数组件

function HelloReact(props){
    reutrn(
        
Hello {props.name}
    ) }

上述这种类似 XML 形式就是 JSX,最终会被 babel 编译为合法的 JS 语句调用

被传入的数据可在组件中通过 this.props 在 render() 访问

二、特性

react特性有很多 如:

  • jsx语法

  • 单向数据绑定

  • 虚拟dom

  • 声明式编程范式

  • 组件化

三、优势

  • 高效灵活

  • 声明式的设计,简单使用

  • 组件式开发,提高代码复用率

  • 单向响应的数据流会比双向绑定的更安全,速度更快

你可能感兴趣的:(reactjs)