higher-order-components

1熱度

1回答

我正在構建這個HOC模態。當我按下按鈕「Aplicar」（TouchableItem：onPress），也就是在模態，我需要訪問WrappedComponent狀態。有沒有辦法做到這一點？ import React, { Component, PropTypes } from 'react'; import { View, Text } from 'react-native'; impo

0熱度

1回答

React高階組件

我創建了這個HOC，用戶可以傳入兩個組件，並返回一個字體真棒堆棧圖標。 const StackIcons = (BaseIcon, TopIcon) => (props) => { const { container, base, top } = props; return ( <span className={`fa-stack fa-lg fa-${containe

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

1熱度

1回答

Redux高階組件與容器組件相同

我試圖圍繞高階組件包裝我的頭，這些與Redux容器組件相同。另外推薦的方式是通過擴展React.Component的類或者在redux站點中沒有的類來編寫更高階的組件（容器組件）。

3熱度

2回答

打字稿：刪除從類型/減法型

關鍵我想定義泛型類型ExcludeCart<T>這基本上是T但刪除的指定鍵（在我的情況，cart）。因此，例如，ExcludeCart<{foo: number, bar: string, cart: number}>將是{foo: number, bar: string}。有沒有辦法在TypeScript中做到這一點？這就是爲什麼我想這樣做，以防萬一我吠叫錯誤的樹：我將現有的JavaScrip

3熱度

1回答

在Redux容器中使用更高階的組件

首先是一些上下文。我正在使用Redux來管理我的應用程序的身份驗證狀態，並將Auth作爲Redux容器（或智能組件）。我創建了一個包裝（高階組件），其採用Auth並返回： export default function AuthWrapper(WrappedComponent) { class Auth extends Component { ... <Auth stuff

2熱度

1回答

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

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