over 2 years ago

這幾天在嘗試使用 Livescript 搭配 React。因為不透過 JSX ,必須使用 createFactory 或是 createElement
官方文件描述的很清楚,但因為沒認真看,所以踩了一點雷,在這歸納了一下。

ReactJS 中有三種 create 函數,分別是

  • createClass
  • createFactory
  • createElement

createClass 用來建立元件 (Component) 的類別 (Class) 。這些類別可以直接用於 JSX 中,以編寫 HTML 的方式直接使用,例如: <Component /> ,當然會需要透過 JSX Transpiler 轉成 Javascript。

createFactory 會產生類別工廠,簡單的說就是一個可以產生 ReactElement 的函數。ReactElement 為 React 渲染 (render) 時可以接受的實體。

createElement 跳過類別工廠直接產生 ReactElement。JSX Transpiler 做的事情主要就是將 <Component /> 透過此函數轉成 React Element。

參考資料

← awk 使用筆記 React + Livescript →
 
comments powered by Disqus