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

我收到以下错误： Error: Maximum update depth exceeded. 使用此组件： const UsersPage: React.FunctionComponent<UsersPageProps> = ({ location, history, match, }): JSX.Element => { const dispatch = useDispatch(); const { search } = location; const query = pars...

我想使用react hooks添加一些工作时间。我正在尝试设置下拉列表的状态，但未设置最后一个状态。 我的组件就像： https://i.stack.imgur.com/IhZej.png From the image below, if I choose Monday, Tuesday and Wednesday from weekdays dropdown, my final serviceForm state must be ["monday 00.00-00.00", "tuesday 00.00-...

import React, { useState, useEffect } from "react"; import axios from "axios"; import styled from "styled-components"; import Form from "react-bootstrap/Form"; import Col from "react-bootstrap/Col"; import Button from "react-bootstrap/Button"; //import Spi...

我是本机的新手，我想在应用程序的欢迎屏幕上使用axios单击对api的请求，然后使用useState将数据保存在变量中，然后在不使用其他类的情况下使用此数据（AllProductCategory .js）必须将请求返回给api。 我正在使用React native 0.62 hooks react navigation 5和axios。 我在Navigation.js文件中具有以下内容。以useMemo作为其值的上下文，该上下文包含一个返回值，以便它返回一个数组，该数组包含使用axios从应用程序中获取的信...

我有3个materialUI TextField，要渲染n次（n是渲染表单字段之前用户的整数输入，这里我将其存储在名为groupMembersCount的变量中）。 我在ReactJS中使用功能组件，将useState挂钩定义为一个数组： const [groupDetails, setGroupDetails] = React.useState([ { fullName: "", phoneNo: "", gender: "" }, ]); 这将是我的主要数组，将所有3个值（用户输入）保存在...

我正在使用Next.js（与React Hooks一起使用），但遇到无法解决自己的问题。 I want to render an editable table from npm install material-table for React. Everything works fine, unless one thing. As you may see below, I have only one setState for one table. But actually I need to render ...

我正在使用{useReducer}管理表单的状态。但我有两个单独的处理程序 handleChange（）=用于输入更改（此功能按预期工作） const handleChange = async (e) => { dispatch({field: e.target.name, value: e.target.value}); } UploadFile（）=用于上传图像（这不会更新图像/状态） const uploadFile = async (e) => { con...