防止元件直接存取應用程式上下文!
React 中元件的概念是基於重複使用。 理想的組件應該可以在任何應用程式中工作,無需修改。元件庫就是一個完美的例子:它們提供高度可自訂的零件。
雖然我們還沒有達到這種複雜程度,但我們可以創建可在應用程式之間輕鬆傳輸的可重複使用元件。關鍵在於適當的設計策略,保護我們的元件免受當前應用程式的上下文和業務規則的特殊性的影響。
此策略稱為上下文包裝器。 它包括將上下文隔離在需要它的元件之上一層,並透過 props.
傳遞資料。透過這種方式,可以避免在元件遷移過程中出現的常見問題,即我們通常需要修改元件或目標應用程式的上下文。透過這種方法,我們只需複製組件並使用它,提供必要的 props.
我們承認 Context Wrapper 不是最優雅的解決方案,因為它可以產生元件子類別,如果管理不當,可能會使開發變得複雜。 我們將在未來的出版物中討論這個主題。
以上是React 上下文包裝器的詳細內容。更多資訊請關注PHP中文網其他相關文章!