React 單元測試
單元測試
React.addons.TestUtils
讓您可以在您的測試框架中更簡單的測試您的元件(官方使用 Jest
)。
簡單的來說它是一系列輔助的方法以協助您測試 React 元件。
React.addons.TestUtils
讓您可以在您的測試框架中更簡單的測試您的元件(官方使用 Jest
)。
簡單的來說它是一系列輔助的方法以協助您測試 React 元件。
React 提供了一個 ReactTransitionGroup
的組件元件來作為一個底層的動畫 API,以及另一個 ReactCSSTransitionGroup
來方便實作基本的 CSS 動畫。
這篇文章為官方部落格的文章隻翻譯。原文。
以觀念來說React
是一種使用 Javascript 來快速建立大型 Web 的方式,它非常容易擴展,且官方已將其使用在 Facebook 與 Instagram 上。
Function.prototype.bind 函式繫結大概是當您開始學習 Javascript 時最後關注到的議題。
通常是當您遇到一種狀況:需要在其他 Function
保留 this
的執行環境(Context)。
講執行環境可能太抽象,舉例來說就是當您需要在函式的另外一個函式中呼叫 this.action()
的時候。
(這邊如果看不懂請耐著性子看下去)
不過通常這時您可能也不知道您需要的就是 Function.prototype.bind()
。
當你透過 render()
回傳你的 UI 結構之後,你可能想要從外部調用這個元件實例的方法。通常情況下為了取得一些元件或計算後資料你可能這樣做,但其實是不必要的,因為 React 通常會確保資料是最新的 props
且透過 render()
傳遞到子元件。不過的確有些情況還是會需要從外部調用方法。
想像下面這種狀況,當你想讓一個已存在的某元件的子元件 <input />
在你清空欄位後馬上 focus
該 <input />
: