ReactJS入門之JSX語法

2021-10-01 08:03:53 字數 429 閱讀 7440

jsx語法就是,可以在js檔案中插入html片段,是react自創的一種語法。

jsx語法會被babel等轉碼工具進行轉碼,得到正常的js**再執行。

使用jsx語法,需要2點注意:

1. 所有的html標籤必須是閉合的,如:

hello world,寫成這樣是不可以的:

2. 在jsx語法中,只能有乙個根標籤,不能有多個。

const div1 = hello world

//正確

const div2 = hello

world

//錯誤

在jsx語法中,如果想要在html標籤中插入js指令碼,需要通過{}插入js指令碼。

export default () =>  

);}

ReactJS入門之元件

元件是react中最重要也是最核心的概念,乙個網頁,可以被拆分成乙個個的元件 在react中,這樣定義乙個元件 import react from react class helloworld extends react.component 內容 export default helloworld ...

ReactJS入門之元件

元件是react中最重要也是最核心的概念,乙個網頁,可以被拆分成乙個個的元件 在react中,這樣定義乙個元件 import react from react 第一步,匯入react class helloworld extends react.component 內容 jsx語法 export d...

React之jsx語法特性

jsx 語法,直接可以在js中使用html標籤。還可以通過花括號的形式,在html標籤中,寫js表示式。hello,world!事件是大寫 addreact中的程式設計思想是,面向資料程式設計。只要定義資料就ok了,資料變了,頁面展示的內容就會變了。react刪除不需要操作dom,只需要運算元據就可...