I have integrated my React-hooks website with contentful. Now I am able to see contents from contentful website in my react site. On click on Read more >> link I would like to display the contents received to open in an html page, so that I can see full co...

我正在尝试将基于此类的类转换为基于功能组件的类 这是实际的基于类别的代码 import React, { Component } from 'react'; import L from 'leaflet' import { Map, TileLayer, Marker, Popup } from 'react-leaflet'; import './App.css'; // Icon properties var myIcon = L.icon({ iconUrl: 'data:image/png;b...

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

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

import React, { useState } from 'react' import Header from './Header' import { Button } from '@material-ui/core'; import {Modal} from 'react-bootstrap'; import Dialog1 from './Dialog1'; const Assessment = () => { const[div2visibility, setdiv2visibili...

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

我的目标： I have a fairly large function called getUnitedStatesCases where it makes an Axios GET Request and does multiple things with that data. I currently have it in a useEffect hook on component mount, but how can I use useMemo to memoize the function? 思想 ...

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...

我尝试了很多博客和教程，但仍然无法解决。 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...

Closed. This question needs debugging details. It is not currently accepting answers. ...

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

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

Re-posting a similar question to my last because of a new issue. I'm trying to use context with hooks to manage authentication in my react app. I'm getting the error TypeError: Cannot destructure property 'isAuthenticated' of 'Object(...)(...)' as it is un...

我有一个奇怪的问题，但是我真的无法解决，而且我已经绊了好几天了。 这里有一个功能组件-SignUp： const SignUp = () => { const [user, setUser] = useState({ displayName: "", email: "", password: "", confirmPassword: "", }); const handleSubmit = async (event) => { event.prevent...

If my search is not returning any results, then I will display a message Does not match any results! in Home.js screen. I would like to make the display of message more efficiently. I have a loading spinner running while loading the home screen, you could ...

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

If the login user privilege is "ADMIN", then I am showing the showNewsSection.show &&(.. and when a user with PLAYER privilege logged in, then that showNewsSection will not be displaying. This is fine. But the problem here is, the Recent News: is also get...

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

基本上，我要达到的目标是仅在不再定义一个变量之后才运行一些代码。但是，我对使用promise等待firebase响应以及使用React的useEffect挂钩感到非常困惑。 I have made available the whole React component in this repo for better readability const weekday = moment().isoWeekday() export const TimeGrid = () => { const { use...

我有TutorDashBoard组件，它是Tutors组件的子组件，可以正常工作。我在所述组件中使用了Courses组件，并发送了tutorId作为道具，以显示具有该tutorId的特定导师的课程。 但是“课程”部分显示的是导师而不是他的课程。在不将tutorId作为道具发送的情况下，课程组件可以正常工作。 这是TutorDashBoard： import React, { useState, useEffect } from "react"; import { makeStyles } from '@ma...