• 在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的控制台上,我可以看到对象数组。但是正如我说的,它仍然没有显示桌上的任何东西,甚至说“没有可用数据”。...
  • TypeError:this.state.posts.map不是函数。我正在使用rest api并尝试使用axios在react.js应用程序中获取数据

    这是我与axios.ReactPage.Basicly我想在数据可视化中使用此数据,但我没有得到数据。始终为“ TypeError:this.state.posts.map不是函数”。显示此错误。 这是我的带有axios的ReactPage。如何解决此问题以及显示此错误的原因是什么。.预先感谢您帮助我解决此错误 import React,{Component} from 'react'; import axios from 'axios'; //import BootstrapTable from 'rea...
  • 从API过滤空值

    我使用nodejs构建了后端服务器API,并将其链接到我拥有的现有数据库(该数据库充满了空值),然后将后端服务器链接到我的前端react native项目,以在屏幕上显示数据 所以我试图过滤掉空值,以便我的应用仅显示具有值的值(标题分别是img和摘录),正如您在下面的屏幕中看到的那样,我只能得到一个或另一个,有时什么也没有。 所以我有一种方法可以使用axios或使用某种过滤功能 这是我在钩子中使用的代码: useArticle.js import { useEffect, useState } from "...
  • ReactJs-Axios:在onChangeValue(e)导致onSubmitButton(e)中出现问题之后,图像始终为null-无法上传图像

    希望您特别顺利,尤其是在这场共产主义危机中。 im trying to upload an image using axios but it apears always to be null and i cant fix it. i used encType="multipart/form-data" , and <meta name="csrf-token" content="{{ csrf_token() }}" and nothing works for me ; i think the proble...
  • 失败的GET请求在标头中传递令牌(jwt)

    我正在使用在ASP.NET中开发的Rest API,并使用Axios在Web上使用数据。我在做jwt认证。我有一个“ / loadSession”路由(类型GET),该路由接收带有令牌的标头。它验证令牌并返回用户的数据。 使用Axios在标头中传递令牌进行请求时,出现以下错误:“对验证请求的响应未通过访问控制检查:所请求的资源中没有'Access-Control-Allow-Origin'标头。” 据我了解,GET类型的方法不接受带有自定义标头的验证(如果我错了,请更正我)。 我在Startup.cs类中的...
  • 在使用/ React使用Axios表示后端时遇到问题

    我正在使用React和Nextjs以及在3001端口上运行的Express后端。 我正在尝试让我的注册页面将信息发布到数据库, 但是我遇到了一系列错误: 错误错误: Access to XMLHttpRequest at 'localhost:3001/users/signup' from origin 'http://localhost:3000' has been blocked by CORS policy: Cross origin requests are only supported for p...
  • 如何将用逗号分隔的输入字符串分别添加到我的MongoDB标签模型中

    我有一个带有文本输入字段的表单,我希望用户在其中输入用逗号分隔的动物名称/标签的字符串。我希望将它们添加到我的MongoDB中,但是我不确定如何用逗号分隔值并将其分别添加。例如:标签-“狮子”,“老虎”,“骆驼”,“豹”。 我的客户表格 import React, { useState, useEffect } from "react"; import { Modal, ModalHeader, ModalBody, ModalFooter, Button, FormGroup, ...
公告

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

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