序言：React官網介紹很多內容，但仍想總結一下加深了解。

目錄

• • 一、React介紹
  • 二、React特點
  • 三、引入React 庫
  • 四、第一個react項目

一、React介紹

React 起源于 Facebook 的內部項目，于 2013 年 5 月開源。
React 是一個用于構建用戶界面的 JavaScript庫。
React 主要用于構建UI，具備較高的性能，很多人認為React 是 MVC 中的 V（視圖）。

二、React特點

1、聲明式
React 是面向數據編程，不需要直接去控制dom，你只要把數據操作好，react會幫你操作dom更新界面，可以節省很多操作dom的代碼。
2、組件化
React 可構建可復用的組件，然后像插入普通 HTML 標簽一樣，在網頁中插入這個組件。我們通過繼承react的Component去創建一個組件。
3、JSX語法
JSX 是 JavaScript 語法的擴展。建議在 React 中配合使用 JSX。
4、單向響應的數據流
React 實現了單向響應的數據流，從而減少了重復代碼，這也是它為什么比傳統數據綁定更簡單。

三、引入React 庫

實例中我們引入了三個庫： react.development.js 、react-dom.development.js 和 browser.min.js：
react.development.js - - React 的核心庫
react-dom.development.js - - 提供與 DOM 相關的功能
browser.min.js - - 將 JSX 語法轉為 JavaScript 語法

<!-- 加載 React --> <!-- 注意: 部署時，將 "development.js" 替換為 "production.min.js"。--> <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script> <!-- browser支持多語言，將 JSX 語法轉為JavaScript語法 --> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>

四、第一個react項目

除了上述加載React組件外，先整一個容器

<div id='root'></div>

script標簽默認type="text/javascrip"來引入js語法。這里需要使用React 的 JSX 語法，所以必須要加上type=“text/babel”

<!-- babel支持多語言---> <script type="text/babel" src="js/helloReact.js"></script>

新增helloReact.js文件，ReactDOM.render() 接受兩個參數，第一個為 React 組件，第二個為組件插入的容器

ReactDOM.render(<h1>Hello, React</h1>,document.getElementById('root') );

效果圖如下：

·········································································································································
下文會介紹常規React安裝以及環境配置。請大家多多指教，能get到知識點不要忘了關注點個贊~。

總結

以上是生活随笔為你收集整理的React学习（一）：简单介绍入门的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。