higher-order-components

    2熱度

    1回答

    給定一個標準構建功能和「DIV」成分,你怎麼會寫兩個肝卵圓細胞這樣的: 的「格」元素開始作爲一個20像素的綠框,然後點擊,成爲50像素藍色框。 -a:合併狀態和道具以及b:引發狀態變化的問題由單獨的HOC處理。 的更新HOC地圖狀態的道具,並設置爲默認狀態 調度HOC接受一個函數來獲得點擊 下面的例子作品獲得綠色方框,並正確的新狀態引發處理程序。更新只發生在Dispatcher HOC狀態。更新者

    1熱度

    1回答

    其他人遇到此問題嗎?我正在開發一個反應本地應用程序和熱重新加載狀態工作正常使用反應本機調試器和Redux devtools,但一旦我在更高順序的組件中進行更改或對使用更高順序組件的組件進行更改,我的redux狀態從devtools中消失,並且所有內容都需要進行硬性刷新。當我對文件進行更改而沒有更高階的組件時,一切都按預期工作。

    -1熱度

    1回答

    我正在創建一個React應用程序,需要添加一些自定義的D3圖表。我想將圖表合併到應用程序'流程'中,並使用React組件生命週期方法,但我也希望能夠像我習慣的那樣以自己的方式編寫D3代碼(輸入 - 更新 - 退出模式等),而不包裹React組件中的單個部分,如vx或react-d3正在執行。 到目前爲止,我發現 - react-faux-dom這似乎很有前途,但該項目需要包含儘可能少的外部依賴性。

    0熱度

    1回答

    的jsfiddle列表中消失:https://jsfiddle.net/40vpaLj5/ 我GOOGLE了一些問題,我發現的唯一消失的相關問題是,當人們用它在一個模式和他們談設置Z-索引來解決它。無論如何,我仍然嘗試過。我怎樣才能解決這個問題? import React from 'react'; import PlaylistPages from './PlaylistPages'; c

    4熱度

    1回答

    有沒有,你可以通過一個陣營的高階組件到傳遞上下文它包裝組件的方法嗎? 我有一個從其父接收範圍內,並利用這方面進行一個基本的,普遍的行動,然後包裝了一個子組件也需要訪問相同的情況下進行操作的HOC。例子: HOC: export default function withACoolThing(WrappedComponent) { return class DoACoolThing ext

    0熱度

    2回答

    有人可以請解釋React中的高階組件。我已閱讀並重新閱讀文檔,但似乎無法獲得更好的理解。根據文檔,HOC通過向該函數傳遞參數來創建返回反應組件的主函數來幫助消除重複。 我有幾個問題。 如果HOC創建一個新的增強組件,是否可以不傳入任何組件作爲參數? 在一個例子中,例如this,它是高階元件,Button或EnhancedButton。 我試圖創造一個HOC這樣的: // createSetup.j

    1熱度

    1回答

    想象一下,我有一些「頁面」組件,它需要從服務器請求數據。它請求的數據將取決於當前用戶是否被認證。此外,如果登錄,頁面將要重新加載數據。我的問題是,我如何使用HOC而不是繼承來完成像這樣的事情? 爲了說明這個問題,我將演示一個使用繼承的解決方案。該計劃將有以下對象。我會留下樣板代碼。 session:一個EventEmitter發射start當會話改變(無論是一個登錄或註銷)。 Page:在所有頁面

    1熱度

    2回答

    我正在使用react路由器v4,我試圖圍繞一個react-router/redux/HOC相關問題包裹我的頭。我有一個更高階的組件工作。 HOC本身是connect() -ed到redux商店。如果通過component支持<Route />,則此方法可以很好地工作:<Route path="/profile" component={ withAuth(Profile) } />確實有效。 然而,

    0熱度

    1回答

    我想要一個包裝每個組件視圖的應用程序HOC。 此HOC驗證用戶並設置Google Analytics跟蹤。 我正在升級到路由器4,並且遇到了使其工作的問題。 它給我下面的錯誤 - TypeError: (0 , _AppWrapper2.default) is not a function 這很可能關係到我如何創建HOC。 任何想法? routes.js export default (

    1熱度

    1回答

    假設我使用的是正確的模式,我希望能夠從<Wrapper/>以內調用someFunc()-位於<Home/>之內。請看下圖: var Home = React.createClass({ someFunc() { console.log('How can I call this from <Wrapper/>?') }, render() { ret