下面的代码从 react.js 前端和后端 node.js 执行 rest 调用,但是当我执行 rest 调用时,我在后端看到错误:非法参数未定义,为了解决这个问题,我尝试在 postman 中进行 rest 调用,一切正常,错误在哪里?前端 React.js:import axios from 'axios';import server from "../../../config/config"
2020-10-22
我正在尝试使用 axios 进行牛津词典 API 调用,但遇到了 cors 问题。我还添加了代理,但返回了 403 错误状态。我也在其他地方使用了它。Heroku,但也没有用。那么有没有办法毫无问题地使用此 API?以下是 API 调用的代码。axios.get("https://od-api.oxforddictionaries.com/api/v2/entries/en-gb/ace?stri
嘿,我正在尝试获取一个 API,但它没有返回任何东西。我已经检查过,我无法访问我获取的预先构建的值。我如何访问获取中的值?import React, { useState, useEffect } from 'react';function App() {const [ positionLat, setPositionLat ] = useState('') ;const [ positionLo
2021-08-09
我尝试将服务器端的 JSON 文件中的数据发送到前端。在 Postman 上调用时,数据在后端可用,但是当我在前端调用 listPhones() 时,它返回未定义。我希望这足够清楚:Back end route:const express = require('express');const router = express.Router();const data = require('./../
当组件卸载时,我想将状态保存到localStorage。这曾经在componentWillUnmount中起作用。我尝试使用useEffect钩子执行相同操作,但似乎useEffect的返回函数中的状态不正确。为什么会这样?如何在不使用类的情况下保存状态?这是一个虚拟示例。当您按下关闭时,结果始终为 0。import React, { useState, useEffect } from "rea
2018-12-05
我尝试使用 Hooks 为自己制作一个漂亮的动画示例,但我偶然发现了一个问题,即我的函数没有状态变量的更新版本,并且继续使用第一个版本。在下面的代码片段中,我有一个示例,一旦您单击一个条形图,它应该以方形形式移动。首先向东,然后向南,然后向西,然后向北,然后再次向东等。但是它永远不会向南,因为即使它的方向从north更新为east(由条形图上的文本或再次单击它指示),函数仍然认为方向是北。cons
2019-03-08
我有以下代码,我想在其中创建一个标签列表。在此示例中,我在setAllTags()中获取标签列表,然后在setAvailableTags()中获取多个可用标签。然后我遇到的问题是,当运行setAvailableTags()时,它将删除在setAllTags()中获取的标签。似乎当setAvailableTags()设置其状态时,我在setAllTags()中设置的状态未被使用。知道我可以做些什么来
2019-03-18
我正在学习 React Hooks,并且正在学习academind中的示例,作者在那里提到了类似这样的内容When you set a new state with React Hooks (i.e. via setCart in our example), the old state will always be replaced!可能还有以下示例:import React, { useStat
2019-10-28
我在我的 React 项目中使用 hooks。我编写了一个函数来管理 hooks 中的状态。但我不知道它是否是最佳的。这是我的函数:mapStateToDOM.jsimport {useState} from 'react';const mspStateToDOM = (initialState, state) => {Object.keys(initialState).map(item => {
2020-03-12
在我的 React 应用程序中,我有一个父组件和一个子组件。在我的父组件中,我包含了来自子组件的过滤器。无论我从过滤器中选择什么值,我都会将其传递给我的 api 请求参数,该参数在我的 ParentComponent 中的 handleFilterChange 方法下调用。但是,我注意到,如果我从 ChildComponent 中选择一个过滤器,它会被正确传递,但是当选择两个过滤器时,它总是传递最
2020-06-09
我有以下代码:export default function App() {const [lastMessageId, setLastMessageId] = useState(0);const [messages, setMessages] = useState([]);const addMessage = (body, type) => {const newMessage = {id: las
2020-08-06
我需要将一个特定值更改为状态内的嵌套对象,因此我想使用旧状态 + 需要更改的新值来克隆状态。我的状态如下所示:{"startDate": "2020-12-04T00:00:00.000Z","endDate": "2022-12-04T00:00:00.000Z","yearlySummary": [{"year": "11/2020-11/2021","data": {"actualUsage
2020-12-11
我有一款小型井字游戏,一切都很好,只是我在代码中苦苦寻找将完成函数放在哪里。让我告诉你;import React, { useState } from "react";import { isGameOver } from "../Helper/helper";import Square from "./Square";const Board: React.FC = () => {const [sq
2021-03-30
我正在尝试重构具有硬编码初始状态的简单代码,但我对 React Hooks 还不熟悉。const TimersDashboard = () => {const [timers, timersChange] = useState(0)React.state = {timers: [{id: UUID.v4(),activity: 'Testing activity',description: 'Lo
2021-09-17
我正在本地主机上设置 NextJS 应用,并按照网站上的精彩教程进行操作,但是在插入本地 API 时遇到了问题。更改 JS 代码时出现错误。错误是 TypeError: Cannot read property 'id' of undefined(anonymous function)/Users/mattcohen/hello-next/.next/server/static/developm