本页使用了标题或全文手工转换

React

维基百科,自由的百科全书
跳到导航 跳到搜索
React
React-icon.svg
原作者Jordan Walke
開發者FacebookInstagram及社区
初始版本2013年3月,​8年前​(2013-03
穩定版本
17.0.2[1]在维基数据编辑
(2021年3月22日,8個月前)
源代码库 編輯維基數據鏈接
编程语言JavaScript
系統平台跨平台
文件大小145 KiB生产版
726 KiB开发版
类型JavaScript函式庫
许可协议MIT許可證
网站reactjs.org/ 编辑维基数据

React(有时叫React.jsReactJS),是一个为数据提供渲染HTML视图的开源JavaScript 库。React视图通常采用包含以自定义HTML标记规定的其他组件的组件渲染。React为程序员提供了一种子组件不能直接影响外层组件("data flows down")的模型,数据改变时对HTML文档的有效更新,和现代单页应用中组件之间干净的分离。

它由FacebookInstagram和一个由个人开发者和企业组成的社群维护。[2][3][4]根据JavaScript分析服务Libscore,React目前正在被NetflixImgurBleacher ReportFeedlyAirbnbSeatGeekHelloSign等很多网站的主页使用。[5]

历史[编辑]

React由Facebook 的软件工程师Jordan Walke创建。他受到PHP的HTML组件框架XHP英语XHP影响。[6]该框架首先于2011年部署于Facebook的 newsfeed,随后于2012年部署于Instagram。它于2013年5月在JSConf US开源。

除此之外,React还有React Native框架,可以用JavaScript写原生应用程序。

代码示例[编辑]

如下是一个在HTML中使用React的基础的代码示例,使用了JSX和JavaScript。

<div id="myReactApp"></div>

<script type="text/babel">
  function Greeter(props) {
    return <h1>{props.greeting}</h1>;
  }
  let App = <Greeter greeting="你好,世界!" />;
  ReactDOM.render(App, document.getElementById('myReactApp'));
</script>

代码中的 Greeter 函数是一个React组件(component),接受一个名为 greeting 的属性。变量 AppGreeter 组件的一个实例,其中的 greeting 属性被设置为 '你好,世界!'。而后 ReactDOM.render 方法渲染在ID为 myReactAppDOM元素中渲染了这个组件。 渲染后的HTML代码应为:

<div id="myReactApp">
  <h1>你好,世界!</h1>
</div>

参见[编辑]

参考资料[编辑]

  1. ^ Release 17.0.2. [2021年4月10日]. 
  2. ^ React: Making faster, smoother UIs for data-driven Web apps. InfoWorld. [2016-03-15]. (原始内容存档于2015-12-15). 
  3. ^ Facebook's React JavaScript User Interfaces Library Receives Mixed Reviews. InfoQ. [2016-03-15]. (原始内容存档于2016-03-08). 
  4. ^ JavaScript’s History and How it Led To ReactJS. The New Stack. [2016-03-15]. (原始内容存档于2016-03-16). 
  5. ^ Libscore. libscore.com. [2016-03-15]. (原始内容存档于2016-03-14). 
  6. ^ React (JS Library): How was the idea to develop React conceived and how many people worked on developing it and implementing it at Facebook?. Quora. 

外部链接[编辑]