我在这里有一个应用程序：link to codesandbox，它获取流行的电影名称。 如何测试onClick接口函数是否被触发并呈现结果？我想使用jest和jest library/react。我收到了关于'act‘助手函数的消息。我该如何解决这个问题呢？
浏览 18提问于2019-06-22得票数 1
2回答
我正在使用Jest和React-testing-library来测试React组件。我已经使用上下文API提供程序呈现了一个组件，因此该组件可以访问上下文。不幸的是，我不知道如何从渲染组件外部访问它。在本例中，上下文中有一个isUserLogged属性，具体取决于组件的更改。但是我不知道如何改变这个属性的值。我
浏览 25提问于2019-02-18得票数 2
回答已采纳
1回答
我试图找出React和Redux之间的区别。博客说他们之间的区别如下。Context API提示对每个状态更新进行重新呈现，并不管如何重新呈现所有组件。然而，Redux只重新呈现更新的组件。我已经构建了测试项目，并且我发现Context API只重新呈现来自消费者内部的组件。但我不明白。我认为它们的原则是相同的
浏览 1提问于2021-04-25得票数 3
回答已采纳
我第一次尝试使用React context API将信息从主组件传递到孙组件。因此，首先我创建了一个上下文 const MyContext = React.createContext({});
<ChildComponent /> )
浏览 15提问于2019-04-17得票数 6
回答已采纳
我在github上看到了一些使用不同类型道具的代码示例。但是实现是不同的，尽管用法看起来很相似。有些代码如下所示： a: React.PropTypes.string childContextTypes: { ({this.context</em
浏览 2提问于2017-09-19得票数 2
回答已采纳
我想测试组件是否在render函数中呈现。组件包装在Consumer中： <div> {(value) =>value.autoEnabled} )} </div>我在上面的
浏览 1提问于2020-06-04得票数 2
1回答
上下文API特别单元测试
、、、
我有一个临时组件，它包装React的上下文API，如下所示import { AppContext } from '.={state} />} );}class Hello ext
浏览 1提问于2018-10-27得票数 5
回答已采纳
我想我找到了另一种使用useContext钩子测试组件的方法。我看过一些教程，这些教程测试一个值是否可以从父上下文提供程序成功地传递到子组件，但是没有找到关于子组件更新上下文值的教程。我的解决方案是将根父组件与提供程序一起呈现，因为状态最终在根父组件中更改，然后传递给提供程序，然后提供程序将其传递给所有子组件。对吗？
测试似乎应该通过，而不是应该通过。有人能解释一
浏览 0提问于2019-06-30得票数 12
4回答
我试图使用useContext将一个值从上下文提供程序传递给使用者，并访问呈现函数之外的值。我的提供者看起来是这样的： <AppContext.Provider value={{ name: 'John' }} ><Ma
浏览 5提问于2019-04-29得票数 9
回答已采纳
我将使用酶测试生命周期函数，包括componentWillReceiveProps。如何设置/更改MyComponent的道具，以便测试</e
浏览 4提问于2017-03-23得票数 7
回答已采纳
我正在使用jest来测试一个组件，其中包含一个来自react路由器v4的<Link>。import React from 'rea
浏览 13提问于2017-05-03得票数 36
回答已采纳
我遵循了几个在线示例，它们在上下文中有一个计数器和一个增量函数，在一个较远的组件上，调用增量方法，结果会显示出来。都很好但是..。我有一个非常基本的背景：import R
浏览 2提问于2019-06-14得票数 1
1回答
我有以下组件： import React from 'react'; Headerimport SummaryTable/Header> <SummaryTable /> );
export default TabSummary; <em
浏览 9提问于2020-04-06得票数 0
回答已采纳
先决条件目标做了什么？1/ i已创建组件及其输入。2/ i使用模拟配置数据呈现组件。3/ i创建了上下文，所以我用React上下文提供的一组新的配置数据替换了模拟配置数据(总是模拟)。4/ i使用
浏览 4提问于2020-02-28得票数 1
回答已采纳
1回答
我在类型记录中有一个React组件，如下所示import * as PropTypes from 'prop-types';
callBack: FunctioncallContextCallback =
浏览 2提问于2018-03-01得票数 3
回答已采纳
这更多是出于好奇，但是如果上下文API在刷新时不持久化数据，那么使用上下文API又有什么意义呢？我知道我们可以用localStorage来解决这个问题，但是为什么不直接使用localStorage呢？对于Redux，您仍然存在相同的问题，因此您可以使用中间件来解决这个问题。我确信我在这里遗漏了一些东西，但我最近一直在处理上下文，当它在开发过程中不断刷新时，它会让我发疯。
浏览 2提问于2021-04-20得票数 2
我有一个简单的service.js，如下所示：import { useContext } from 'react' const { API } = useContext(APIContext)
console.log(AP
浏览 16提问于2022-06-27得票数 1
回答已采纳
1回答
我正在尝试用jest-enzyme测试连接的组件(react-redux)。我正在使用react-redux-mock store。当我运行我的测试来查找组件中的一个div时，它给出了这个错误。To use a custom Redux store for specific components, create a custom React context with Re
浏览 14提问于2019-01-07得票数 0
我还尝试使用sessionStorage存储一个标志，如果触发了API调用，那么标记设置为true，在路由器更改时，我检查标志是否为true，然后不要进行任何API调用。但是当我回到使用路由器http://localhost:3001/articles的文章页面时，它会再次触发API调用来获取文章，因为组件在每次路由更改时都会重新呈现。有人能解释我如何停止在路由器更改和组件重呈现上再次执行API<
浏览 0提问于2019-08-06得票数 5
云服务器
ICP备案
云直播
实时音视频
即时通信 IM
腾讯云开发者
