我有一个使用 store Vuex 的 vue 组件。但是我得到了一个TypeError: Cannot read property 'token' of undefined错误。我不明白为什么。这是我的代码:在 main.js 中:import Vue from 'vue'import Vuex from 'vuex';import App from './App.vue'import rout
我正在使用 GraphQL 和 Vuex 存储来处理 Django 和 Vue js,以便在前端和后端之间进行通信。当我从前端发送请求时,我从后端收到 200 OK 响应,但在前端,我收到一个错误,标题为TypeError: Cannot read property 'token' of undefined.以下是我的代码概述,从开始用于与我的服务器交互的 vuex 配置。 // The a
2021-06-26
我正在尝试使用 vuex 实现身份验证。我有一个注册组件和一个用于提交数据的 auth.js。我的后端 API 运行良好,但问题是当我尝试登录时。当我在操作方法中控制台登录时,我能够获取令牌。当我在 SET_TOKEN 突变之前控制台登录时,我也能够获取数据。但在突变中,数据像对象一样被接收。我该如何解决错误?import axios from "axios"export default{name
我正在尝试从http://www.colr.org/json/color/random渲染数据。我使用 axios 从 API 获取数据。当我收到数据时,我无法通过映射渲染它(因为它显然是对象内部的数组),因此它会抛出错误:TypeError:this.props.colors.map 不是函数。我需要使用 JSON.parse() 吗?或者我可以做什么?//App.jsimport React,
我需要检索特定作者所著书籍的名称,其中作者姓名通过get请求提供。我的 API 运行良好并检索相关数据。在这种情况下,我获得了多本书的 API 响应 JSON。API 响应 JSON :[{"_id": "5cf40d9d74df260aa460a74b","name": "Oliver Twist","author": "Charles Dickens","yearOfPublication":
2019-06-04
我尝试使用以下 API 显示每个团队的名称:https://www.balldontlie.io/api/v1/teams。我的主要 app.js 文件中有以下代码:const result = await Axios('https://www.balldontlie.io/api/v1/teams')console.log(result.data)console.log(result.data.
2020-07-26
我想将数据从 props 传递到另一个组件,但在传递嵌套数组的数据时遇到了问题。我的 JSON 具有以下结构:[{id: 1,category: "Fish",nodes: [{id: 1,title: "Bacalhau com broa",ingredients: ["bacalhau","broa"]},{id: 2,title: "Bacalhau à Zé do Pipo",ingred
2021-02-03
我是 React 的新手,我正在尝试在我的应用程序中显示从数组中获取的数据。我使用 axios 发出获取请求,响应显示了一个数组。我尝试按照在互联网上找到的教程来显示这个数组,但没有成功。你能检查我的代码并告诉我哪里出了问题吗?如果我的代码完全错误,你能建议我一种显示数组的方法吗?提前谢谢了class Dashboard extends Component {state = { data: []
2021-02-12
我尝试使用 useEffect 从 api 响应中获取数组项列表,结果我得到了一个对象列表。我想使用 Objects.key() 方法进行转换,但当我迭代它时,值不会打印在视图页面上。响应继续返回来自 api 响应的调用。API 调用 export function getServicesById(facility_id) {return axios.get(`${baseURL}patients
2021-03-12
我想学习如何在 reactjs 中显示来自 API 的数据。这是API,我想显示 API 中的description属性,该属性位于weather[0]对象中,以及temp属性,该属性位于main对象中。怎么做?这是代码: import logo from './Images/logo.png';import './App.css';import 'bootstrap/dist/css/bo
2021-07-27
我正在学习 React。需要从 ReactJS(函数组件)中的 tinyfac.es API 映射 5 张图片。图片正在正确获取(在控制台中),但无法呈现。如果可能,请解释错误。代码:import axios from "axios";import React from "react";import { useState, useEffect } from "react";let base_url
2021-11-15
我需要为 axios.get 返回的每个位置渲染一个 Leaflet 标记(它返回一个对象数组,每个对象都是一个位置),但尝试这样做时出现两个错误:-“未捕获的 TypeError:data.map 不是函数”;-“警告:无法对尚未安装的组件执行 React 状态更新。这表明您的渲染函数中存在副作用,该函数稍后会异步调用尝试更新组件。请将此工作移至 useEffect”。我已经使用本地示例对其进行
2022-05-23
我正尝试将一些经过过滤的 xml 数据渲染到网页中。数据位于数组中,如下图所示。这是我目前的代码,但我很迷茫。我尝试了许多不同的变化,但它们似乎都导致:要么不向网页渲染任何内容错误指出 resValue“不能用作子项”或类似内容。目前,此代码没有出现任何错误 - 它只是没有渲染数组。我对 React 和 Web 开发还很陌生。任何帮助都将不胜感激。谢谢。export default functio
2022-07-01
从“订单”组件,将订单 ID 发送到“更新”组件。然后尝试更新包含该 ID 的订单的“状态”。在控制台中记录 ID 值有效,但无法用它设置状态。“更新”组件:const UpdateStatus = (props) => {const location = useLocation();const [orderId, setOrderId] = useState(null);const [statu
2021-03-25
我尝试使用 console.log(checkoutToken.id)。但是我无法访问此属性,我不明白为什么。我可以将 checkoutToken 打印到控制台,但无法访问 id 属性?fetchShippingCountries(checkoutToken.id) 也给我带来了同样的问题。我是否没有正确传递 props?import React, { useState, useEffect }
2021-07-19