1回答
在这个视频中：，Dan Abramov解释并给出了容器组件的定义。我真的很喜欢容器组件的想法，但我正在尝试测试它们，当容器组件没有异步工作时，测试是好的。我只是用酶模拟组件上的一些事件，然后我检查产生的快照，但当组件有异步工作时，请考虑以下情况： constructor(props&
浏览 3提问于2018-01-17得票数 0
--我想从容器组件中启动异步获取，但据我所知，唯一的方法是从显示组件中的生命周期事件中提取它。似乎使得不可能将所有的逻辑放在容器中，并且只使用哑的无状态函数组件来显示。这意味着我不能对任何需要异步数据的组件使用无状态函数组件。这似乎不对。
这样做的“正确”方式似乎是以某种方式从容器启动异步调用。然后，当调用返回时，状态将被更新，容器将获得新的状态，然后将这些状态通过mapState
浏览 3提问于2016-07-20得票数 30
回答已采纳
7回答
我试图将表示组件与容器组件分开。我有一个SitesTable和一个SitesTableContainer。容器负责触发redux操作，以便根据当前用户获取适当的站点。问题是，在容器组件最初呈现之后，当前用户是异步获取的。这意味着容器组件不知道它需要重新执行其componentDidMount函数中的代码，这将更新要发送到SitesTable的数据。我认为当容器组件的一个道具(用户)发生变化时，我需要
浏览 15提问于2016-05-03得票数 144
回答已采纳
2回答
假设我想要动态呈现React组件，并获得真正的DOM元素以供将来使用 function Card({symbol,id,color}){ } const cardElement = React.render(<Card symbol='4' id=111 colo
浏览 0提问于2019-01-18得票数 1
2回答
我目前正在研究基于Redux/React的应用程序的测试方法。我完成了redux测试教程，但仍然有一些问题：
测试
浏览 3提问于2015-11-24得票数 23
回答已采纳
我使用react测试库对组件进行单元测试。但是，当我呈现组件时，我就会得到错误。import React from 'react';
浏览 8提问于2022-02-18得票数 0
回答已采纳
1回答
我正在尝试为使用微前端架构的react网络应用程序编写单元测试。我的第一步是为应用程序容器编写单元测试。应用程序容器react组件使用包含带有后续路由的交换机的react路由器来呈现主内容区域中的组件。
使用JavaScript运行时集成将每个应用程序挂载到应用程序容器。还是应该从App组件开始测试整个应用程序容器？如果两者都不是真的，我应该如何
浏览 3提问于2021-08-09得票数 3
回答已采纳
我正在尝试在我的组件上编写单元测试，它看起来像这样。if (rows.length === 0) { }
// some JSX};
问题是组件是通过异步函数来获取数据的，所以在组件检查rows是否为空并返回null后，会调用异步函数。但是，我仍然不能理解我应该如何用单元测试来覆盖这个组件。我认为这应该是一个
浏览 0提问于2019-09-04得票数 2
1回答
我正在测试一个遵循容器/表示模式的组件。要使覆盖率达到100%，我需要的是测试handleChange()函数，其中我有一个setState()。问题是，我只是在测试Container，函数是在表示式组件中调用的。容器组件：import DataStructureFormView from '.
浏览 0提问于2018-11-12得票数 1
回答已采纳
1回答
对于jest测试文件，我想导入组件和该方法。例如，我有这样一个组件：import React from 'react'
constructor(props，我喜欢使用toEqual的渲染和求和函数来测试组件：import React from 'react';
import
浏览 1提问于2018-05-17得票数 1
3回答
我正在使用Enzyme对我的反应组件进行单元测试。我理解，为了测试未连接的原始组件，我只需导出并测试它(我已经这样做了)。我已经成功地为连接的组件编写了一个测试，但是我真的不确定这是否是正确的方法，也不确定我到底想为连接的组件测试什么。Container.jsximport Login from '.)
});
浏览 0提问于2016-08-17得票数 24
回答已采纳
1回答
这是我的测试文件：import { render, screen } from '@testing-library/react';
expect(screen.getByText('three')).toBeInTheD
浏览 1提问于2022-03-16得票数 1
回答已采纳
2回答
我发现Jest在测试Redux React应用程序时非常有用。然而，有很多关于如何测试异步操作创建器的例子，但我真的不知道如何对异步组件进行快照。这就是我的thunk的样子，它使用axios。dispatch(getLinkInfoSuccess(response.data));
浏览 0提问于2017-03-14得票数 3
对我来说，反应路由器测试文档有点模糊。一个组件。- APage.js
import React from 'react'
import { render } from "
浏览 0提问于2018-12-12得票数 5
回答已采纳
1回答
我正在尝试对一个“容器”组件进行单元测试。它看起来像这样： x: number; this.setState({ y: this.state.y - 1 }); }}
我知道如何
浏览 0提问于2017-10-17得票数 1
1回答
我有一个组件，它有一个绑定到其子组件的onChange事件的方法。简而言之： getInitialState: ->在测试期间，我希望更改复选框的值并触发change事件。我的测试如下所示(使用mocha.js + expect.js)：
desc
浏览 0提问于2013-07-09得票数 0
回答已采纳
我必须为PlayerList容器和Player组件编写单元测试用例。为分支和道具编写测试用例是可以的，但是如何测试组件的方法和它们内部的逻辑。我的代码覆盖率是不完整的，因为这些方法没有经过测试。场景：
父组件将对其方法onSelect的引用作为对子组件的回调传递。该方法是在PlayerList组件中定义的，但是Player正在生成调用它的onClick事件。父组件/<em
浏览 4提问于2016-09-08得票数 6
我正在重写一个小应用，试图更好地理解React。我正在尝试确定共享“单例”数据的“正确的”/most高效方法-例如，用户在登录时经过了正确的身份验证。现在，父“应用程序”组件在其状态中有一个user属性，我将其作为一个属性传递给子组件：<RouteHandler user={this.state.user}/>
(我正在使用react-router)。但是，我的实际登录表单组件(这
浏览 0提问于2015-06-30得票数 15
1回答
我目前正在尝试对一个容器进行单元测试，该容器拉入电话号码的静态JSON文件并将其传递给组件进行显示，但是我不确定应该如何进行测试。容器的代码如下：import data from *JSON file location*import React from '<
浏览 12提问于2019-11-08得票数 1
回答已采纳
云服务器
ICP备案
腾讯会议
云直播
对象存储
腾讯云开发者
