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