higher-order-components

0熱度

1回答

大多數示例在顯示如何創建高階組件時都使用function關鍵字。從下面的例子陣營文檔： function logProps(WrappedComponent) { return class extends React.Component { componentWillReceiveProps(nextProps) { console.log('Current pr

0熱度

2回答

顯示裝載程序使用高級組件

我可以使用每個容器中的條件顯示裝載程序圖標，但是當使用高級組件時，我無法顯示它。我已經在下面發佈了我的代碼。我使用了immutable.js，redux-saga。下面是一個不工作 const mapStateToProps = createStructuredSelector({ logs: selectLogs(), logState: selectAllLogState(

1熱度

1回答

當使用HOC加載程序時重新呈現問題

我正在構建一個應用程序，其中有大量頁面，每個頁面需要加載程序圖標以顯示數據何時從服務器傳出，但尚未到達，但如果有內容根本沒有數據。我可以在沒有使用高階組件（HOC）的情況下顯示它，但是在每個組件中這樣做是很乏味的。我希望加載器代碼可以重用，這樣我就可以在需要的任何組件中使用它。但我面臨這個問題。如果有數據，則沒有問題。如果根本沒有數據，則加載器保持加載和加載，而不應顯示任何內容。我不得不使用i

1熱度

1回答

如何利用流式細胞

我試圖寫一個特殊的流型，將返回一個組件，並添加道具ISVISIBLE它 type VisibleProps = {isVisible: boolean} const VisibleComp = <P, S>(Component: Class<React.Component<void, P, S>>) : Class<React.Component<void, P&VisiblePro

1熱度

1回答

將ES5 Mixins轉換爲高階組件

在我的項目中，我試圖擺脫所有mixin並將其替換爲HOC。目前我使用ES5卡住了。 export default React.createClass({ mixins: [SomeAsyncMixin], data: { item1: { params: ({params, query}) => { params: ({params, quer

1熱度

1回答

反應：高階組件：你可以孩子狀態

我想重構mixin到HOC，所以我可以升級到最新的反應（我目前使用React 13/ES5）。當我的組件加載時，mixin可以訪問數據對象this.data，該數據對象具有query屬性和路由。 React.createClass({ mixins: [myMixin], data: { query: "/api/foo" }, component

2熱度

2回答

在打字稿中反應高階組件（HOC）

我想在打字稿中寫一個React HOC，但我沒有得到正確的定義。我不知道我是否有可能實現自己的目標。這裏是我的代碼 import * as React from 'react' export default function Ajax<Props, State>(InnerComponent: typeof React.Component): React.ComponentClass<Pro

0熱度

1回答

導出更高訂單的組件沒有'導出默認'

我使用react-click-outside隱藏下拉菜單，如果用戶在菜單外單擊。通常情況下，我會導出組件，像這樣： export default enhanceWithClickOutside(Dropdown); 然而，在這種情況下，我要導出的組件 export { enhancedWithClickOutside(Dropdown) }; 但是，顯然是行不通的。有沒有一種方法可以使用{

1熱度

1回答

定義的正確類型的HOC注入道具

所以我有一組具有它的道具類型設定爲基本組件： type SomeProps = { // ... arbitrary prop types theme: { wrapper: string, button: string, // these are also kind of arbitrary } } 現在我有這回事注入theme道

2熱度

1回答

ReactJS的高階組件錯誤：「未知道具」

昨天，我正在閱讀有關高階組件的React文檔，並試圖使用它們的一些示例。但是，對我來說，這是行不通的。這是一個簡單的HOC，我創建的只是包裝另一個組件，看看它是如何工作的。但從一開始，它從來沒有奏效。 import React, { Component } from 'react'; export default function (enhacedComponent) { class