如何在测试中获取react应用状态[‘Key’]的值？
在测试中获取React应用状态['Key']的值，可以通过以下步骤实现：
- 导入所需的测试库和React组件：
- 导入所需的测试库和React组件：
- 编写测试用例，并渲染React组件：
- 编写测试用例，并渲染React组件：
- 使用
screen对象来获取组件中的DOM元素，并断言状态值： - 使用
screen对象来获取组件中的DOM元素，并断言状态值：
这样，通过使用screen对象的getByText方法，可以获取到包含状态值的DOM元素，并通过断言来验证获取的状态值是否正确。
推荐的腾讯云相关产品：无
请注意，以上答案仅供参考，具体实现方式可能因项目配置和需求而有所不同。
相关·内容
我正在尝试为react应用程序进行测试，但我遇到了一个问题。我无法让jest正常工作，所以我一直在尝试解决它，这导致了我现在的问题。我的测试不起作用的原因是因为我在状态中调用键的值的方式要求我在jest中使用enzyme。有没有一种方法可以在不使用jest的情况下获取react应用程序中<em
浏览 12提问于2018-08-14得票数 1
回答已采纳
我的应用程序正在使用React和Redux。在此应用程序之前，我没有使用过路由，我真的不知道如何在React-Redux中对这些事件进行排序。这是我目前<em
浏览 2提问于2016-09-07得票数 0
2回答
我有一个输入，它将内容添加到ul中，我试图将li放到一个数组中，以便在其他地方使用。id="recipeItems" />
在另一个按钮按下，我试图让它采取的形式，并将它添加到一个对象，我有它的大部分工作，但我只是不知道如何从ul的成分到一个数组。它只是作为未定义的日志出来的。
浏览 3提问于2017-06-27得票数 0
回答已采纳
我在数据中映射的每个用户都有按钮，但它似乎只看到一个按钮。我需要的计数器组件，以动态添加每个用户的计数器按钮。我读到在组件级别的localStorage中使用同一组件的多个实例存储状态可能会导致意外行为的一个问题。所以我猜一种解决方案是使用Redux来存储状态，但到目前为止我还没有机会实现它。我该怎么做呢？下面是我的按钮组件： import React, { useState } from "rea
浏览 18提问于2021-07-30得票数 2
回答已采纳
但是，当我单击列表项时，列表中的所有项都更改为白色(#ffffff)。我如何才能实现颜色的变化，仅仅是对那个点击的项目？我是不是误解了呼叫的上下文，也就是“这个”。'green', comments: []}
this.setState({selected:true});
浏览 0提问于2018-12-02得票数 2
回答已采纳
1回答
在React.createclass元素中，可以访问输入值或任何状态值，如 this.setState({author: e.target.value});但是在React.component中这是不可能的，所以我如何在React.component中实现类似的任务？
浏览 3提问于2016-05-19得票数 2
回答已采纳
我对js的反应是新手。
我有两条路像A& B，现在我把一些值从A传递到B作为道具。如果刷新B页，则来自A的所有道具值都会消失，而B页不会呈现。我用的是redux反应。mapDispatchToProps & mapStateToProps函数用于将A&B路由之间的值作为支持传递。例如，：路由A已经做了一些计算，并将值存储在redux状态，而路由B作为connect(mapStateToProps, mapDis
浏览 5提问于2017-04-18得票数 5
2回答
当我的应用程序第一次加载时，它从服务器获取用户数据，并在AppBar (material-ui)中呈现用户信息： const {user} = this.props问题是，当您第一次使用url上的/profile打开应用程序时，组件在从服务器获取用户数据之前呈现，因此表单输入是空的，您需要导航到其他链接并返回查看输入上的用户数据。当用户获取完成时，我如
浏览 0提问于2018-04-22得票数 0
在我的React的初始化中，我从一个API中获取一个设置列表。存储在redux状态中的设置。
他们永远不会改变的反应-应用程序。应用程序只会消耗这些值。我是否应该将这些值放置在redux状态中？例如，widgetSettingsColor( key )、widgetSettingsText(<
浏览 0提问于2019-01-22得票数 1
回答已采纳
我正在开发React原生博览应用程序，并使用钩子在React导航版本5上工作。如何在goBack()上更新状态？const submit = () => {props.navigation.goBack();
} 得到警告 在导航状态中发现了不可序列化的值，这可能会中断使用，如持久化和还原状态。如果您在params中<
浏览 25提问于2020-06-14得票数 1
我使用react和。在jest中测试组件时，我发现我不能访问状态值，也不能模拟它。
有一组代码正在寻找状态中的不同值。由于state是不可访问的，所以我无法涵盖完整的代码覆盖率。请帮助我为下面的代码编写一个测试用例。代码具有useEffect，它负责counterSecond值的更改。但是，只有当状态值与8、3
浏览 1提问于2019-08-26得票数 1
回答已采纳
假设在React中，我迭代状态this.state.searchData中的JSON数据返回，而返回的一些值包含来自api调用的true、false或null，如下所示： "partition": null,对于下面的map迭代，如何在键/值中
浏览 3提问于2020-08-16得票数 0
回答已采纳
我正在为我的应用程序编写基于react和redux的测试用例。) => <Component />});我希望这个州是{"key": "some_val"}。然而，它仍然显示{"key": "old_val&
浏览 3提问于2015-10-04得票数 7
回答已采纳
1回答
如何在页面刷新时访问状态值？ 当我刷新页面时，我无法获取状态值。所以任何人都会给我一个解决这个问题的建议。我使用下面的库代码在我的应用程序中实现了一个计时器。https://medium.com/@650egor/react-30-day-challenge-day-1-simple-timer-df85d0867553 谢谢。
浏览 6提问于2019-04-02得票数 0
我有下面的代码，在我的页面中添加复选框。问题是我怎样才能得到他们的值？我目前正在做的是使用onChange获取值并将其添加到我的状态中，但不确定这是否是最好的方法？在输入中收集数据的最佳实践是什么，我应该使用onChange还是ref，我对ref有点困惑(我是ReactJS的新手)
{Object.keys(this.state.IndustryChoice).m
浏览 2提问于2018-09-08得票数 0
2回答
我想，我可能需要一个递归组件，但这超出了我目前使用本地js的能力，因此我觉得我对React有了瑞士奶酪的理解。问题{ { 0: key: "keyVal", 0: "val1&qu
浏览 5提问于2020-02-05得票数 3
回答已采纳
当使用Picker选择特定值时，如何强制重新加载某些或所有react Components import { Picker, Text, View } from 'react-native';
render()" ];
浏览 1提问于2018-09-16得票数 0
1回答
我看了这个例子，代码几乎是一样的，但不知怎么的，它对我不起作用。有什么建议吗？import "./datatablesource";const Datatable = () => {
const [data,checkboxSelection disableSelectionOnClick &
浏览 3提问于2022-05-30得票数 -1
我已经和这件事斗争了几天了，我不能用我所需要的方式去做。基本上，我有一个上下文，它提供了一个从API获取的主题。上下文具有主题、加载和函数的值，用于获取和更新加载状态。看起来是这样的：
import ThemeService from "..index.js文件中为应用
浏览 5提问于2020-09-09得票数 2
回答已采纳
我目前正在尝试从API中获取一些JSON数据，并将其放入一个非常简单的React应用程序的下拉列表中。到目前为止，这是我的DropDown组件：
浏览 0提问于2018-03-01得票数 6
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
