react開發環境準備
官網安裝 （**）
將會為我們自動生成乙個react專案
1.專案結構
2）.只要有jsx語法就要引入react包
2.react中的jsx基礎語法
1）.在jsx中，可以使用html的標籤，也可以使用自定義標籤
2）.在jsx中，如果要使用自己建立的元件，直接通過標籤形式使用即可
import reactdom from 'react-dom';
3）.在jsx中，要求return的元素最外層只能有乙個div，否則會報錯
解決辦法，可以在最外層包乙個div，但有時候我們在布局時不希望出現最外層，div，那麼在16版本中，可以包乙個fragment元素進行佔位
4）.在jsx中，如果不需要輸入的input value進行轉義，可以通過dangerouslysetinnerhtml=} =》 即不轉義的html內容（其中裡面的{}代表乙個物件）
5）.在jsx中，需要注意的html標籤property
class 應該使用classname
for 應該使用htmlfor
React 學習筆記（一） JSX
jsx 本質上來說，jsx只是react.createelement component,prop,children 方法的語法糖 header content 等價於 react.createelement myheader type props header content children j...
React之jsx語法特性
jsx 語法，直接可以在js中使用html標籤。還可以通過花括號的形式，在html標籤中，寫js表示式。hello,world！事件是大寫 addreact中的程式設計思想是，面向資料程式設計。只要定義資料就ok了，資料變了，頁面展示的內容就會變了。react刪除不需要操作dom，只需要運算元據就可...
React中Jsx的介紹
優點 jsx執行更快 型別更安全，編譯過程如果出錯就不能編譯 jsx編寫模板更加簡單快速 jsx表示式 由html元素構成 中間如果需要插入變數用 中間可以使用表示式 中間表示式中可以使用jsx物件 屬性和html內容一樣都是用 來插入內容 jsx樣式 1.class中不可以存在多個class屬性 ...