我有这个路由器，任何应该有布局的页面都用withLayout HOC包装。 我需要向一些页面传递用户上下文，如何添加user属性？
浏览 5提问于2019-04-03得票数 0
回答已采纳
我正在努力将一个网站从一个静态的HTML/CSS/JS站点转换成一个React，我想使用Reactive路由器进行导航。我将路由器安装到正确的目录中，从正确的目录运行npm start，我的终端显示一切都编译成功，但我的浏览器如下所示：
App.js文件：import很乐意分享任何需要的额外信息。
浏览 0提问于2020-07-20得票数 0
回答已采纳
我有一个函数，它有一些正在进行的承诺链，但这超出了重点。当我运行某个突变的refetch时，它会给我Uncaught (in promise) TypeError: Cannot read property 'refetch' of undefined。奇怪的是，如果我在它之前移除一个突变，它就会起作用。对于Apollo，我使用graphql HOC，它看起来像这样： name : 'getComp
浏览 0提问于2020-03-05得票数 0
1回答
我将状态(setActive)传递给ButtonsOur组件。此外，通过回调，我将setActive传递给HOC，但是我得到了这个错误"Uncaught : setActive不是一个函数“。在ButtonsOur组件中，我通过道具从父组件传递setActive。import HOC from '../../../hoc/
浏览 13提问于2022-06-16得票数 1
回答已采纳
从React Hooks FAQ中，我们了解到钩子可以替换HOCs并呈现返回/呈现单个组件的道具。 我试图更好地理解这一点，以及为什么这是一个事实。让我们先来看看HOC： HOC是一个函数，它将组件作为参数，将其包装在周围的逻辑中，如效果和状态，并返回一个新的组件。自定义钩子到底是如何取代它的呢？我们仍然需要用其他逻辑包装输入函数的函数。查看渲染道具： 呈现道具是我们作为道具传递<
浏览 8提问于2019-06-03得票数 7
回答已采纳
bar' };}; 你可以这样使用它： method(<MyComponent />) 为了进一步传递
浏览 8提问于2019-01-27得票数 2
我已经看过几篇关于如何在hoc中使用flow的文章，但如果我不想通过所有的道具，我不知道该怎么做。pass, inject}: TComponent) => <span>{pass}{inject}</span>
take: string <Component {...props} inject="inject"/>
)
浏览 13提问于2019-01-17得票数 1
回答已采纳
我写了一些HOC，我需要传递给这个HOC一个动态对象，它是我在某个生命周期级别上创建的，我没有让他作为道具。如果我尝试传递一些静态值(例如，从start初始化myObj )，它会按预期工作，并且我会得到正确的值。： class Hoc extends React.Component constructor...
浏览 14提问于2019-03-14得票数 6
我正在使用antd组件，并且我需要使用基于用户有条件地呈现元素的HOC来呈现组件。这是我的即兴演讲： export const withAuth = Component => props => { return我的问题是当我使用组件的时候。withAuth(Button); <div> <
浏览 21提问于2021-04-14得票数 0
2回答
一些psuedo代码，用于我如何编写这个临时代码： <ComponentOne /></HOC>
componentOne={<ComponentOne/>}/>
clas
浏览 0提问于2019-03-27得票数 2
回答已采纳
1回答
我正在尝试创建一个简单的React HOC，以便根据Redux状态中是否存在特定值来决定是否呈现组件。我的HOC看起来像这样： const wrapper = props => {，我无法使用我的HOC隐藏/传递道具到选项卡，如下所示： <Tab ..>
{<
浏览 0提问于2018-07-08得票数 1
我使用HOC将我的所有组件与Redux提供程序包装在一起。但是，当单独使用组件时，我有时需要将道具传递给它们，而使用ownProps可以从HOC包装器中获得道具。如何将道具直接传递给已连接的组件？ 我本质上是将React分散到一个现有站点，因此我需要使用HTML元素作为容器将组件呈现到DOM中。我希望所有容器都连接到存储，但我还希望将数据直接传递给页面上的HTML元素，并在组件中使用该数据。
浏览 7提问于2019-01-12得票数 2
回答已采纳
3回答
在React docs In HOC部分中，有一个示例 const CommentListWithSubscription = withSubscription( (DataSource) => DataSource.getComments()
); 你能解释一下函数作用域是如何工作的吗？他们把第二个参数作为箭头函数，在这个箭头函数中，我们有DataSource参数并返回DataSource.getComments()的结果 HOC withSubscription的</em
浏览 29提问于2020-06-28得票数 0
回答已采纳
我有一个更高阶的组件，它使用React Router提供的location.search属性来构造一个queryParams对象，并将其作为属性传递给它的封装组件。extends React.Component { ... }
当然，我会将MyComponent封装在一个路径中：
<Route path="/mycomponent" component={MyComponent}
浏览 25提问于2018-07-31得票数 2
回答已采纳
最初的问题是在2019/28/11上提出的，我试图学习更高级的组件，但很难获得连接到redux存储和路由器的高阶组件。]}
当组件被卸载时，wthErrorListener通过单击错误呈现页面上的主页按钮来呈现错误并分发一个_clear_error_操作。我遇到的问题是，类型记录会引发编译错误，即当将IApiFailure类型分配给函数时，在ErrorListener HoC类中找不到它。IApiFailure是mapState
浏览 2提问于2019-11-28得票数 1
回答已采纳
problem ->我创建了一个高阶组件(Hoc)(即withClass)。那么我就不会通过从index.js到app.js .like的属性来获取数据，我就不会在app.js中获取标题属性的值。/hoc/Auxilary';
constructor(props
浏览 0提问于2020-10-01得票数 0
2回答
临时反应和访问道具
、、、
我试着理解下面的临时反应； class HOC extends React.Component {WrappedComponent secretToLife={42} ); } return HOCwithSecretToLife(DisplayTheSecret);
export default W
浏览 3提问于2021-01-06得票数 0
我正在尝试将父对象的引用传递给它的子对象。props} firebase={firebase} />});
export default withFirebase; 你知道如何将引用传递给包装在HOC上的功能组件吗？
浏览 34提问于2020-08-26得票数 3
回答已采纳
我有一个反应组件封装在一个特殊的，传递道具给包装的孩子。当调用子构造函数时，它做了一些工作，然后执行从临时道具中传递下来的回调。此回调更新特殊构造函数(定义)中的属性(我认为这是正确的语言)。然后，HOC使用更新的定义为HOC及其包装子节点设置订阅。我之所以这样做，是因为子程序从其父节点接收道具，其父支持包含一个动态的对象数组，在挂载组件时需要订
浏览 2提问于2017-12-22得票数 0
大多数讨论包括这样的观点：“只测试HOC作为一个函数，然后不测试它的用法”，因此，对于单元测试，实际的组件被导出为命名导出，并进行隔离测试。然后建议一些变通方法(如到达组件之前的dive等)。相应地，技术实现对我来说也是(相对)清楚的，但现在对我来说，如何以及是否应该最终使用HOC测试组合是困难的。我是否应该始终相应地测试两个属性是否正确传递，如下所示
expect(shallow(<MyComponent />
浏览 0提问于2018-06-14得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
