1. 程式人生 > >react基本語法及元件

react基本語法及元件

一、react簡介

1、起源:React 起源於 Facebook 的內部專案,用來架設 Instagram 的網站,並於 2013 年 5 月開源

2、特點:

1.宣告式設計 −React採用聲明範式,可以輕鬆描述應用。

2.高效 −React通過對DOM的模擬,最大限度地減少與DOM的互動。  

3.靈活 −React可以與已知的庫或框架很好地配合。  

4.JSX − JSX 是 JavaScript 語法的擴充套件。React 開發不一定使用 JSX ,但我們建議使用它。

5.元件 − 通過 React 構建元件,使得程式碼更加容易得到複用,能夠很好的應用在大專案的開發中。

6.單向響應的資料流 − React 實現了單向響應的資料流,從而減少了重複程式碼,這也是它為什麼比傳統資料繫結更簡單。

  解釋 宣告式設計命名式設計

1、宣告式:你要做什麼事情 直接告訴機器  讓機器自己想辦法去做   你只需要得到結果  如陣列中的map遍歷
                    var arr = [1,2,3,4,5];
                    arr = arr.map((item)=>{
                        return item+=2
                    })
                   console.log(arr)


2、命令式:你要做什麼事情 按照流程書寫告訴機器  讓機器去實現            如使用for迴圈
var arr = [1,2,3,4,5]; for(var i=0;i
<arr.length;i++){ arr[i]+=2; } console.log(arr)

 

3、