JSX 主要使用於 簡化 React 的 React.createElement() 的方法,實際範例如下:

React.createElement() 寫法:

React.createComponent('h1',null,'我是標題');

JSX 寫法:

<h1>我是標題</h1>

但是在每個 主流 瀏覽器中,是 不支援 JSX 的寫法的,讓我們繼續往下看:

閱讀全文»

組件(component) 的 狀態(state),為 React 組件(component) 中可以自己自訂的一個物件。

state 這個物件有變化時,React 就會自動 重新 渲染,當前的 React Element

簡單來說當 React 偵測 到 state 的這個物件的資料有變化時,就會自動在前端上,重新 繪製 當前的物件,達到 更新 畫面的效果

下面我們實際使用編碼來進行說明:

閱讀全文»