higher-order-components

    2热度

    1回答

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

    1热度

    1回答

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

    -1热度

    1回答

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

    0热度

    1回答

    的jsfiddle列表中消失:https://jsfiddle.net/40vpaLj5/ 我GOOGLE了一些问题,我发现的唯一消失的相关问题是,当人们用它在一个模式和他们谈设置Z-索引来解决它。无论如何,我仍然尝试过。我怎样才能解决这个问题? import React from 'react'; import PlaylistPages from './PlaylistPages'; c

    4热度

    1回答

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

    0热度

    2回答

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

    1热度

    1回答

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

    1热度

    2回答

    我正在使用react路由器v4,我试图围绕一个react-router/redux/HOC相关问题包裹我的头。我有一个更高阶的组件工作。 HOC本身是connect() -ed到redux商店。如果通过component支持<Route />,则此方法可以很好地工作:<Route path="/profile" component={ withAuth(Profile) } />确实有效。 然而,

    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