React學習筆記--進階之路

2020-08-12 16:47:19

react框架 *

react是facebook內部的一個javascript類庫,用於構建用戶介面的 JavaScript 庫
react官網:https://react.docschina.org/
react不是一個完整的MVC框架,最多可以認爲是MVC中的V(View)
react引入了虛擬DOM機制 機製
react引入了元件化思想
react使用facebook專門爲其開發的一套語法糖--jsx

使用注意事項-jsx語法

注意事項 jsx語法
* 標籤內容內屬性 例如
*         1 類名 class 和 js class衝突 ==> className
*         2 for ==>htmlFor
* 只能有一個根標籤
* 語法要求必須是閉合標籤 例如 單標籤<imput /> 手動新增 / 閉合
* 註釋 {/* 內容 */}
* 遇到 < 解析成 html程式碼  遇到 { 解析成js程式碼
* 使用js變數 用 { 變數 }
* 屬性系結 去除後面引號 src=變數

React常見錯誤

①Uncaught SyntaxError: Inline Babel script: Adjacent JSX elements must be wrapped in an enclosing tag
虛擬DOM中只能有一個根標籤