React在前端界一直很流行，而且學(xué)起來也不是很難，只需要學(xué)會JSX、理解State和Props，然后就可以愉快的玩耍了，但想要成為React的專家你還需要對React有一些更深入的理解，希望本文對你有用。

React在前端界一直很流行，而且學(xué)起來也不是很難，只需要學(xué)會JSX、理解State和Props，然后就可以愉快的玩耍了，但想要成為React的專家你還需要對React有一些更深入的理解，希望本文對你有用。

這是Choerodon的一個前端頁面

在復(fù)雜的前端項目中一個頁面可能包含上百個狀態(tài)，對React框架理解得更精細(xì)一些對前端優(yōu)化很重要。曾經(jīng)這個頁面點擊一條記錄展示詳情會卡頓數(shù)秒，而這僅僅是前端渲染造成的。

為了能夠解決這些問題，開發(fā)者需要了解React組件從定義到在頁面上呈現(xiàn)（然后更新）的整個過程。

React在編寫組件時使用混合HTML和JavaScript的一種語法（稱為JSX）。 但是，瀏覽器對JSX及其語法一無所知，瀏覽器只能理解純JavaScript，因此必須將JSX轉(zhuǎn)換為HTML。 這是一個div的JSX代碼，它有一個類和一些內(nèi)容：

<div className='cn'>

  文本

</div>