Facebook开源的JavaScript库：React

  • Z时代
  • 2024-01-10
  • 分类：综合

react

React是Facebook开源的JavaScript库，用于构建UI。你可以在React里传递多种类型的参数，如声明代码，帮助你渲染出UI、也可以是静态的HTML DOM元素、也可以传递动态变量、甚至是可交互的应用组件。（文字来自JS开发者微博）

特点：

  • 声明式设计：React采用声明范式，你可以轻松描述你的应用

  • 高效：Reeact通过对DOM的模拟表现，最大限度地较少与DOM的交互。

  • 灵活：React可以与你所知道的库或框架很好地工作。

示例

一个简单的组件

下面这段代码将会在在页面容器中呈现出“Hello John”：

[xml] view plaincopy

 

  1. /** @jsx React.DOM */  

  2. var HelloMessage = React.createClass({   

  3.  render: function() {     

  4.  return <div>{'Hello ' + this.props.name}</div>;   

  5.  }});   

  6. React.renderComponent(<HelloMessage name="John" />, mountNode);  

该例使用一个类似XML语法的JSX来构建组件，实现一个render()方法，并且根据输入的数据返回相应的结果。输入的数据作为XML属性传递给组件，render()方法通过this.props访问这些输入的数据。

更多示例与教程，大家可以访问官网教程：http://facebook.github.io/react/docs/tutorial.html

官网主页：http://facebook.github.io/react/index.html

下载地址： http://facebook.github.io/react/downloads.html

GitHub地址： https://github.com/facebook/react

以上是 Facebook开源的JavaScript库：React 的全部内容， 来源链接： utcz.com/z/384089.html

回到顶部