• 在axios期间更改路由会导致使用中的内存泄漏

    当我单击一个选项卡并且数据表正在加载时(在axios调用期间),并且在加载完成之前(axios返回数据),我单击了将我带到同一网站内另一条路线的链接,从而发生了此错误。 这是代码: useEffect(() => { if (reloadTable) { setReloadTable(false); // Forces this useEffect to be called once } else { let dataSelected = []; const options ...
  • 动态更改值时为什么光标会移动到输入字段的开头?

    我的反应应用程序中有一个输入字段,如下所示。 RecommendationTerm和searchTerm来自组件的状态。正在onChange句柄中设置searchTerm状态。当我在自动完成建议列表中向上或向下导航时,则设置了namedTerm状态。 <input value={suggestedTerm || searchTerm} onChange={handleInputChange} onFocus={() => { setShowFlyout(true); ...
  • 即使没有状态值未定义,“ undefined”仍出现在我的文本区域中

    我已经在React中构建了一个简单的字符串格式应用程序,但是遇到了一个非常奇怪的错误,这让我感到困惑。 当我第二次单击“格式”按钮时(在已经处理完输入之后),“未定义”显示在文本区域中,我无法弄清原因。如您在图像中看到的,我的各种数据(输入,previousInput和输出)都正确显示在屏幕上(图像1 + 2)。它们永远不会变得不确定,我可以通过检查React Dev工具来看到这一点(图3)。同样奇怪的是,在开发工具的elements选项卡中,此处显示了正确的值,但屏幕上显示的是“ undefined”(图...
  • 自己的npm包中的React useEffect问题

    我们已经制作了自己的npm软件包,我现在正在处理超时警报。 为了让时间正常工作,我需要将它放在useEffect内,但会出现错误:react.development.js:1465 Uncaught Error:无效的挂钩调用。 。 npm软件包中组件中的文件使用打字稿,但我认为这不是问题。 .tsx: import * as React from "react"; /** * @param {string} close_button_title default "Stäng" * @param {"...
  • 反应useEffect钩子导致无限循环

    usePaginator的目的是一旦页面,userData或类别发生更改,即可获取数据(如果要获取的数据更多,则设置hasNextPage),但是据称由于setInfo出现了无限循环,该setInfo出现在方法中,然后在useEffect挂钩中调用。 UI变得无响应,尽管存在一系列依赖关系,但问题是如何解决此问题?伙计们,我正在寻找您的回复 ScrollableList.js import React, { useRef, useContext, useEffect, useState } from 're...
  • 如何将Azure Z2C与React集成

    I am working with react and I have to give my user login through Azure B2C, So I am trying to do that but I am not able to find out how to do that and what is the. 我尝试过的 我从Microsoft网站获得了这个示例,该示例使用纯JavaScript(普通)完成,我不知道如何在我的react代码中实现此示例。 So I tried to m...
  • React.js使用上下文挂钩加载更多内容

    我尝试了很多博客和教程,但仍然无法解决。 They all using useState but in my case i used context hook. How can I achieve something like this medium blog or this one Simple Load more with React 无法确定我可以将“ getStudents”放在带有更多加载功能的useEffect挂钩中的位置。 学生.js import { CSSTransition, Trans...
  • 如何在React中与多步骤表单一起工作

    我正在使用react-form-hook进行验证的多步骤表单,所以我一共显示了三个组件,在第一个和第二个组件中,我有两个带有一些输入字段的表单,在第三个组件中一旦我想显示他们在提交表单之前输入的数据。 我已经尝试过但仍然没有得到想要的实际结果 我的主要组成部分 import React, { useState, useEffect } from "react"; import Form1 from "./components/Form1"; import Form2 from "./...
  • 反应useState不引起重新渲染

    编辑:将拼接更改为0,以便删除数字,而不是1似乎可以做到。奇怪,因为我怀疑根据所有示例,我已经看到,如果要删除单个元素,则将splice的第二个参数设置为1。 首先,请允许我说我还很陌生。 我在尝试从数据数组中删除元素时遇到问题。我已经添加了useState挂钩,并使用从API返回的数据来填充它,然后我要完成的工作是,当我单击添加按钮时,它应该从模式中删除用户并将其添加到我的教练中模型的总分配用户。 但是,我可以看到它命中了代码,如果注销长度,我可以清楚地看到它确实发生了更改,但是,即使我确实更新了状态,U...
  • 在firebase.utils.js的函数内部传递道具

    我有一个奇怪的问题,但是我真的无法解决,而且我已经绊了好几天了。 这里有一个功能组件-SignUp: const SignUp = () => { const [user, setUser] = useState({ displayName: "", email: "", password: "", confirmPassword: "", }); const handleSubmit = async (event) => { event.prevent...
  • 在响应本机挂钩中自动刷新数据

    我正在使用react native hook;我的应用是带有餐厅订单的列表,当我将订单分配给经销商时,我的列表和状态不会改变,即使我确实要刷新 但我希望在数据更新后立即手动完成 请帮帮我 刷新useEffect是一个好习惯? const OrdersList = () => { const [ { selectedSubsidiary: {id: subsidiaryid = ''}, }, ] = useContext(GlobalContext); const [...
  • 映射返回同一对象的2倍时应仅返回1

    我正在尝试从API获取数据,当我尝试对有趣的数据进行映射数组时,我的程序下载的第一个搜索对象是同一个对象的2倍,第二次是6次。我不知道为什么我检查了useEffect,并且此函数仅提取一次预期的时间。 问题是当我想显示5天而我想显示每天的每小时预测。 我的期望:地图用5天为我返回了1个数组 我现在收到的是:map在相同的5天之内给我2个相同的数组。 这是代码: App.js import React, { useState} from 'react'; import Form from './Form'; ...
公告

欢迎访问 goshare  点击这里设置您的邮箱  可以接收站内跟帖、回复邮件提醒,不错过任何一条消息。

关注公众号订阅更多技术干货! 码农俱乐部