是否对历史记录更新Reaction上下文。推送('；/'；)
我使用带有useEffect钩子的Reaction上下文来设置包装整个应用程序的最外层组件中的变量。在我的应用程序内的一个子组件上，我使用history.push('/')路由回根目录。这不会触发对我的上下文变量的更新。这是意料之中的事吗？如果是，有没有更好的方法来更新我的上下文变量？ 我正在使用react 16.14.0&；react-router-dom 5.2.0。 例如，
..
react-hooks相关内容
浏览器路由器链接覆盖onClick事件
我正在尝试在Click事件后更新状态挂钩。但是，浏览器路由器围绕My Component实例的链接正在覆盖其onClick函数。 但是，当我删除“链接到”时，状态成功更新并在控制台中打印。 最终，我希望能够将更新后的状态传递给PlayerPage组件。但我现在正在使用控制台测试它的更新--但它没有。 以下是我的代码： Home.js-包含Click事件。 import {
..
包含useContext钩子会导致子级的useState重置为初始值
我已经在这个问题上挣扎了几天了，所以如果有任何帮助，我将不胜感激。我们有一个全局数据上下文，它包含在层次结构中的几个组件中。我已经复制了我们在下面的基本示例中看到的问题。 您还可以run it on CodeSandbox 问题是Content组件中的childValue在组件每次重新呈现时都被重置为其初始useState值。但当useData上下文位于Routes组件中的链上游时，仅才会
..
如何将路由器中的路由映射到受保护功能？
我尝试在MAP和Protected函数中使用Reaction Routing处理代码； 这是组件的数组； import LoginContainers from "../Containers/LoginContainers/LoginContainers"; import RegisterContainers from "../Containers/RegisterContainers
..
默认路由始终在Reaction路由器中执行
我正在处理一个使用strikingDash模板的项目。在这里，我在从URL更改路由时遇到了一些路由问题。 auth.js import React, { lazy, Suspense } from "react" import { Spin } from "antd" import { Switch, Route, Redirect } from "react-router-dom"
..
呈现JSX的函数与在另一个组件中声明组件的函数有什么不同？
这是反模式吗？ export function Todo() { ... const renderItem = (item) => ( item.done ? {item.text} : {item.text} ); return (
..
如何防止重复弹出模态(&A)不滚动到ReactJS中的最后一个元素
我正在创建一个项目，在该项目中，我使用map()从服务器获取数据，并使用10呈现10不同Bootstrap卡中的数据。每张卡都有一个弹出模态的按钮。在我旁边，我设置了一个LinkTO按钮，它将向我显示数据路由。 信息 对模式使用react-bootstrap与hooks 使用react-router-dom显示route 使用useState挂钩将提取数据中的数据设置为模式。 所
..
如何使用条件钩子和反应钩子设置随机初始状态？
此示例模拟掷硬币。 我想随机化硬币的初始状态。页面第一次加载时可能会显示标题。下一次，反面。为此，我使用由Math方法生成的随机数和基于该随机数(偶数表示正面，奇数表示反面)的条件来确定硬币的表面。 该值需要在初始呈现时显示。 我还希望使用React的Hooks将值存储在状态中，以便稍后在我的应用程序中使用。如何使用挂钩设置随机初始状态值？ 下面是我正在使用的代码。它目前不起作用，
..
(反应)useEffect没有在后台运行
我刚接触Reactjs，并且正在尝试制作这款简单的秒表。这段代码是在我的浏览器中工作的，但是当我最小化浏览器暂停的时间，并且只在我打开浏览器时才继续，你有没有发现我肯定错过了什么？提前感谢！ import { useState, useEffect } from "react"; export const SW = () => { const [mSec, setMSec] = use
..
Material-UI<；AutoComplete/>；getOptionLabel-将空字符串作为值传递
我使用的是Material-UI AutoComplete。我将一些状态数组传递给它的属性选项。我面临的问题是getOptionLabel： Material-UI: The `getOptionLabel` method of Autocomplete returned undefined instead of a string for [""]. 我有两个组件。子项为： con
..
TypeError：(0，_react.useEffect)不是函数
在开发环境中，我的应用程序工作正常。 在生产环境中时，它会崩溃，并显示错误： Uncaught TypeError: (0 , _react.useEffect) is not a function 它发生在我创建的文件中，我在该文件中导入、反应和使用Effect，如下所示： import React, { useEffect } from 'react' const X =
..
reaction jest mock useNavigate()
"react-router-dom": "^6.0.0-alpha.5", 我几乎什么都试过了。 我只想模拟useNavigate()钩子中的这个navigate()调用。就这样。很简单。没有工作。 不，我不想使用Link。useNavigate在其他地方也以编程方式使用，我也想模拟它们 import React from 'react' import { useNavigate }
..
useNavigate()只能在路由器组件的上下文中使用(<；Router>；Component
我当前的代码是这样的，我试图使用act-route-dom添加返回到上一页的这个按钮，但是我得到一个错误，说‘useNavigate()只能在组件的上下文中使用。’我网站上的所有组件也会消失。 function App() { const navigate = useNavigate(); return (
..
添加挂钩组件时，与上次渲染相比，呈现了更多的挂钩
我有一个useInput钩子组件，其工作方式如下： useInput( , "phone" ) 它获取(input，inputName)并返回挂钩的输入组件。 当我想要动态更改视图中现有输入的可见性时，我收到一个错误：呈现的钩子比上一次呈现时多。 {this.state.showMyInpu
..
使用Reaction挂钩在Reaction js中预览上传的图像
通过选择文件输入上载图像后，如何使用React hooks预览previewProfilePic > img区域下的图像。 import React, { useState } from "react"; const Register = () => { const [picture, setPicture] = useState(null); const onChangeP
..
如何使用Reaction钩子实现多个复选框
我希望使用Reaction-Hook在我的HTML页面上实现多个复选框。 我尝试使用此URL实现：https://medium.com/@Zh0uzi/my-concerns-with-react-hooks-6afda0acc672。在提供的链接中，它是使用类组件完成的，并且工作正常，但是每当我使用Reaction钩子setCheckedItems更新复选框选中状态时，它都不会重新呈现视图
..
在JEST中模拟useDispatch，并在功能组件中使用该分派操作测试参数
您好，我正在使用JEST和酶编写功能组件测试。当我模拟单击时，组件的params(使用useState的组件状态)会改变。当状态更改时，然后使用Effect调用，在useEffect中，我在更改后使用params分派一些异步操作。所以我想测试参数，我正在调度动作。对于这一点，我想嘲笑一下调度。我怎样才能做到这一点呢？ 任何人都可以帮我，提前谢谢。下面我共享代码。 Component.js
..
即使超时，同一处理程序中的useState更新状态也不可用
我有一个包含3个字段的简单注册表。我已经将状态存储在formValues中，其中value&；error与每个字段相关联。现在，当我在没有填写任何或至少一个字段的情况下提交表单时，表单应该是无效的，但是它会显示包含无效字段的验证消息，但使表单有效。即使我添加了setTimeout，更新后的状态在相同的handleSubmit中也不可用。如果我再次提交，该过程运行良好。我知道状态更新是异步的，
..
Next.js上下文提供程序包装带有页面特定布局组件的App组件，该组件提供未定义的数据
我有一个auth上下文组件，我在其中包装了我的主应用程序组件，但同时我也尝试按照Next.js文档在这里进行页面特定的布局组件：https://nextjs.org/docs/basic-features/layouts#per-page-layouts 我这样做是否正确，因为我似乎无法从上下文提供程序获取数据。 /context/AuthContext.js const Use
..
如何使用情感样式对MUI v5使用条件样式
我正在从MUI v4迁移到v5。在v4中，我使用clsx和TextField来添加条件样式。 export const useStyles = makeStyles((theme: Theme) => createStyles({ root: { // ... }, valid: { "& fieldset": { bord
..