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

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

這是Choerodon的一個前端頁面

在復雜的前端項目中一個頁面可能包含上百個狀態，對React框架理解得更精細一些對前端優化很重要。曾經這個頁面點擊一條記錄展示詳情會卡頓數秒，而這僅僅是前端渲染造成的。

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

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

<div className='cn'>

  文本

</div>