higher-order-components

    1热度

    1回答

    我正在开发一个简单的组件,它将视口尺寸传递给子组件。在调整窗口大小时,我启动了handleResize方法将新的窗口尺寸传递给子组件。我想使用lodash中的debounce func来最小化调用handleResize方法的次数(ref)。 import React from 'react' import debounce from 'lodash/debounce' const get

    -1热度

    1回答

    我正在创建一个React应用程序,需要添加一些自定义的D3图表。我想将图表合并到应用程序'流程'中,并使用React组件生命周期方法,但我也希望能够像我习惯的那样以自己的方式编写D3代码(输入 - 更新 - 退出模式等),而不包裹React组件中的单个部分,如vx或react-d3正在执行。 到目前为止,我发现 - react-faux-dom这似乎很有前途,但该项目需要包含尽可能少的外部依赖性。

    4热度

    1回答

    有没有,你可以通过一个阵营的高阶组件到传递上下文它包装组件的方法吗? 我有一个从其父接收范围内,并利用这方面进行一个基本的,普遍的行动,然后包装了一个子组件也需要访问相同的情况下进行操作的HOC。例子: HOC: export default function withACoolThing(WrappedComponent) { return class DoACoolThing ext

    0热度

    1回答

    实时预览:https://www.webpackbin.com/bins/-KoSqF5OB0IRtbBEi822 进出口试图复制和修改一个阵营元素对象。 我被克隆并添加CSS规则删除的内嵌样式的反应元素的使用,以样式表 林本function 我想知道我怎么可以访问渲染做出反应函数返回值来自元素的类? const Div =() => (<div></div>); // not working

    2热度

    1回答

    给定一个标准构建功能和“DIV”成分,你怎么会写两个肝卵圆细胞这样的: 的“格”元素开始作为一个20像素的绿框,然后点击,成为50像素蓝色框。 -a:合并状态和道具以及b:引发状态变化的问题由单独的HOC处理。 的更新HOC地图状态的道具,并设置为默认状态 调度HOC接受一个函数来获得点击 下面的例子作品获得绿色方框,并正确的新状态引发处理程序。更新只发生在Dispatcher HOC状态。更新者

    0热度

    2回答

    有人可以请解释React中的高阶组件。我已阅读并重新阅读文档,但似乎无法获得更好的理解。根据文档,HOC通过向该函数传递参数来创建返回反应组件的主函数来帮助消除重复。 我有几个问题。 如果HOC创建一个新的增强组件,是否可以不传入任何组件作为参数? 在一个例子中,例如this,它是高阶元件,Button或EnhancedButton。 我试图创造一个HOC这样的: // createSetup.j

    1热度

    1回答

    想象一下,我有一些“页面”组件,它需要从服务器请求数据。它请求的数据将取决于当前用户是否被认证。此外,如果登录,页面将要重新加载数据。我的问题是,我如何使用HOC而不是继承来完成像这样的事情? 为了说明这个问题,我将演示一个使用继承的解决方案。该计划将有以下对象。我会留下样板代码。 session:一个EventEmitter发射start当会话改变(无论是一个登录或注销)。 Page:在所有页面

    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

    1热度

    1回答

    其他人遇到此问题吗?我正在开发一个反应本地应用程序和热重新加载状态工作正常使用反应本机调试器和Redux devtools,但一旦我在更高顺序的组件中进行更改或对使用更高顺序组件的组件进行更改,我的redux状态从devtools中消失,并且所有内容都需要进行硬性刷新。当我对文件进行更改而没有更高阶的组件时,一切都按预期工作。