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