• 使用API​​调用反应setState的后期更新

    我是React的新手,在创建项目时,我的代码遇到了一个非常奇怪的事件。 它具有setState的异步特性,它不允许我像我希望的那样在页面上呈现数据。 我正在尝试将我数据库中已有的文件显示到我的网页上。但是由于状态是在一段时间后设置的,因此我无法使用map函数将文件渲染到屏幕上,因为调用它时未定义。 我实现了get方法,以便获取我要显示的文件的json响应。但是当我挂载我的组件和File的setstate时,它表明它没有任何值。我知道它是异步的,但我不知道如何处理它,以便可以使用地图显示到网页上。 我的代码如...
  • 如何在Material-UI表中显示动态数据?

    我有返回一些表格数据的API。我需要在表中显示这些数据。我不清楚如何实现此目标。 Let's assume that I want to display the fields id and name stored in groups. How can I show them in the Material-UI Table? 请在下面查看我当前的代码。它不会引发任何错误。但是都没有显示带有数据的表。 import '../../App.css'; import React, { useEffect } fr...
  • 从axios许诺中获得回报

    我想知道如何在第二个函数getJobId()中访问响应数据,因为第一个函数可以正常工作。我环顾四周,但其他用例却有些不同,尽管设法使getToken()函数正常工作,但我仍无法完全掌握为getJobId()函数必须更改的内容。 $("#route-optimize").click(async function() { var token = await getToken(); console.log(token); // Returns the token var jobId = a...
  • 用axios / fetch发布不起作用网络错误,本机反应,php

    英语不是我的母语,所以请理解如果我写错了:)。 我现在正在学习react-native,现在尝试使用mysql建立刚刚的注册。我试图将数据从我的js文件发布到我的php文件,试图将数据推送到mysql表中,但是当按下按钮Register时,什么也没有发生,只是出错了。 [00:39:27] Network Error - node_modules\axios\lib\core\createError.js:15:17 in createError - node_modules\axios\lib\adapt...
  • 接收到新的访问令牌后,如何使用axios和React重新发送请求?

    我在前端有一个React应用程序,在后端有nodejs,有一个React应用程序。 我将解释我使用的流程以及卡住的地方。 客户端发出带有过期访问令牌的GET / POST请求。 服务器以状态401响应。 客户端将刷新令牌发送到服务器,以获取新的访问令牌。 服务器将新的访问令牌发送到客户端。 现在,如何重新发送由于令牌过期而失败的原始请求? 您不存储再次发送回请求的请求,对吗? In the backend, I am handling the new token generation using a ...
  • 构建后反应不使用API

    I created an API that consumes a web service from OpenWeather. It works all fine in localhost. However, when a build it and deploy it with Vercel it renders the site, but it does not load the weather. I believe it is because it's not connecting to the Open...
  • 使用RealTime Firebase数据库的React App上的内存泄漏

    我不确定如何使用useEffect(),我不断 无法在已卸载的组件上执行React状态更新。这是 无操作,但表示您的应用程序内存泄漏。修理, 取消useEffect清理中的所有订阅和异步任务 功能。 登录 这是我的组件: import React, { Component, useState, useEffect } from 'react'; import fire from '../fire'; import Sign from './sign'; import Dashboard from './d...
  • 在reactJS上更新项目

    我正在学习有关reactJS的课程,以使用axios更新项目。我被困在加载预填充表格的位置。我设置了一个按钮,该按钮调用应通过URL重定向到itemEditForm的函数,但没有任何反应。您能帮助您理解这一步骤吗? 这是我的代码: class ListBooks extends React.Component { constructor(props) { super(props); this.state = { error: null, data: [], numbe...
  • VUE我如何提交表格并更新状态

    因此基本上,我试图在用户创建帐户时更新状态。到目前为止,我只能使用一个单独的输入(例如fName,lName,email ...)来执行此操作,但是我想同时触发这两个输入。例如,在data(){newUserAcc:{fName,lName,电子邮件}},然后发送并在商店中进行更新。我已经附上了两个文件,即vue和store.js。 <template> <div> <v-app style="background-image: url('https://blog.modsy.com...
  • 如何在功能组件上动态地从Axios.get和Render组件获取收益

    我有一个功能组件,我正在尝试从axios.get()获取数据,并根据请求的响应动态呈现一些组件。 如果我console.log的响应是确定的,但是我的问题是如何使用axios.get()的返回值在屏幕上创建组件。 我尝试了一个简单的数组,并使用它可以创建组件。我想要的是在屏幕上创建组件的方式与处理数组相同。 在发布自己的文章之前,我已经阅读了很多文章。我非常感谢您的帮助或指导。 import React, { createElement, useState, useEffect } from 'react...
  • useState问题,获取数据时保存数据时会产生UseEffect

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

    我试图在React Js项目的3个div之间添加响应连接线,我能够在元素之间添加线,但是当我使用Axios提取数据并使用if / else语句显示时,我React项目给我一个错误,提示“无法读取未定义-var originX的属性'left'= X.this.ele1.offset()。left + this.ele1.outerWidth()/ 2; 这是我的axios代码: import React, { useState, useEffect } from "react"; import "./sty...
  • Vue:v-for不渲染(使用Node和Axios)

    我正在尝试从MySql数据库中的“客户端”表中获取一些数据(稍后再创建CRUD),但是当我尝试在v-for中输出时,什么也没有呈现。呈现“ ul”,但其为空,因为未呈现“ li”。我没有任何错误,只是没有渲染? 我的代码在这里: Router.js(服务器端): // routes/router.js const express = require('express'); const router = express.Router(); const bcrypt = require('bcryptjs'...
  • 如何在Laravel前端中集成Vue组件

    我有一个带有身份验证的Laravel Web应用程序。我可以登录,以传统方式提交表格。在某些页面上,我正在加载呈现良好的vue组件。但是,当我尝试从这些组件进行axios调用时,即使仍然登录,我也会收到401响应。 这是我的应用程序仪表板布局 <html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <head> <meta charset="utf-8"> <meta name="viewport" content="wid...
  • 我无法正确显示v-data-table数据:“无效的道具:道具“ items”的类型检查失败。期望数组,得到对象''

    我正在开始一个必须使用Vue的项目。我实际上真的很陌生,所以我在旅途中学习。由于这个问题之前已经回答过,所以我确实道歉,但是,我并不真正理解所提供的解决方案,这就是为什么我在这里问自己。 好吧,我试图在我的数据表(更具体地说是Vuetify的v-data-table)上显示一些数据。我能够从API获取数据,但是由于某种原因,它什么也没显示。感谢Vuex,我可以看到该突变有效,因为在Google Chrome的控制台上,我可以看到对象数组。但是正如我说的,它仍然没有显示桌上的任何东西,甚至说“没有可用数据”。...
公告

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

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