对post方法的axios调用没有传递字符串数组，它的传递不正确- React
对于post方法的axios调用没有传递字符串数组，可能是因为参数的格式不正确。在使用axios发送post请求时，参数需要以对象的形式传递。如果要传递字符串数组，可以将数组作为对象的属性，然后使用JSON.stringify()将对象转换为字符串。
下面是一个示例的代码：
import axios from 'axios';
const data = {
stringArray: ["string1", "string2", "string3"],
};
axios.post('/api/url', JSON.stringify(data), {
headers: {
'Content-Type': 'application/json',
},
})
.then(response => {
// 请求成功的处理逻辑
console.log(response.data);
})
.catch(error => {
// 请求失败的处理逻辑
console.error(error);
});在这个示例中，我们创建了一个名为data的对象，其中包含一个名为stringArray的属性，它的值是一个字符串数组。然后使用JSON.stringify()将这个对象转换为字符串，并作为axios的第二个参数传递。
另外，为了确保服务器正确解析请求的内容类型，需要在请求的headers中添加Content-Type: application/json。
对于React项目中的axios调用，可以在组件的生命周期方法中使用axios发送请求，或者使用React Hooks中的useEffect()钩子来发送请求。可以根据具体情况选择适合的方式。
希望以上内容能帮助到您。如果有任何疑问，请随时提问。
相关·内容
当我点击我的任何子组件“onClick”组件时，我想触发一个postItem函数。现在，单击的组件不会执行任何操作，除非onClick函数位于映射函数之外(例如在一个新的单独组件中)。
import React, { Component } from "react";
import axios from "axios";
import PostItem from "./postItem";
import "../styles/socialFeed.css";
class SocialFeed extends Component
浏览 0提问于2018-04-29得票数 0
2回答
在一些教程之后，我制作了一个todo应用程序，现在正致力于将它连接到数据库。但是，在发出axios.get请求时，会无限期地调用它。
我的代码
import React from "react"
import Header from "./Header"
import Footer from "./Footer"
import Note from "./Note"
import CreateArea from "./CreateArea"
import axios from "axios"
浏览 4提问于2021-04-05得票数 0
回答已采纳
在过去的一周左右，我一直困在那里，找不到我的问题的任何答案。今天我开始做一些适当的调查。看起来Axios在触发事件时不起作用。这也不适用于我的主PC，这使我认为它实际上是一个缺陷与Axios。
我已经试过了：
独立重新安装Axios
卸载我拥有的所有全局依赖项
创建一个新的React
检查事件是否正在触发(它们正在触发)
检查我的网络选项卡(什么都没有显示)
我的post请求在将其作为一个函数调用时运行良好：
import React from "react";
import axios from "axios";
import &#
浏览 5提问于2021-03-08得票数 1
我试图将一个字符串数组从ReactJS发送到WebApi，但只得到了一个字符串。 下面是我的ReactJS代码： import React, { useState } from "react";
import axios from "axios";
export const FileUpload = () => {
const [files, setFiles] = useState();
const [fileNames, setFileNames] = useState();
const saveFile = (e) => {
浏览 10提问于2020-08-27得票数 1
我正在做一个MERN堆栈项目。我花了大概一个月的时间。我使用parcel创建了react应用程序，并且一直工作到昨天。根据请求，我将其更改为create-react-app。 因此，在一段时间内，它在create-react-app中运行良好。但是，当我构建项目后，所有的map()函数都显示错误。 这是我的mongoDB收藏的JSON文件。 {
"_id": {
"$oid": "60db452a8fe38d2860d03426"
},
"description": "Sample desc."
浏览 20提问于2021-07-03得票数 0
1回答
目前，我可以在屏幕上呈现帖子，但是如何使用选择下拉菜单呈现，其中用户可以选择不同的排序选项，如标题、作者和描述，并且帖子会相应地进行排序？我应该改变什么，以便它的工作，任何建议将非常感谢。我已经添加了我正在使用的HomePage.js和Post.js。 //HomePage.js import React, { useState, useEffect, useMemo } from "react";
import Post from "../../Components/Post/Post";
import "./Home
浏览 15提问于2021-05-02得票数 2
回答已采纳
我正在接收来自服务器的json数据，我试图在前端使用map函数单独访问它，但是我收到了一个错误，因为this.state.post.map不是一个函数。下面是如何克服这一问题的代码。
import React from 'react';
import axios from 'axios';
//require('./style.scss');
class Premontessori extends React.Component{
constructor(props){
super(props);
this.state={
浏览 4提问于2017-01-28得票数 0
回答已采纳
2回答
我正在开发一个react应用程序，它将excel数据读取到JSON对象中。我有一个表单元素输入类型文件，它在更改时从xlsx文件加载JSON数据。现在，我希望将文件详细信息(而不是文件数据)保存到本地存储中，以便以后可以使用这些详细信息来读取文件。
REACT代码
import React from 'react';
import logo from './logo.svg';
import './App.css';
import axios from "axios";
function App() {
let handl
浏览 4提问于2020-02-26得票数 0
我刚刚从学习Java转到学习Javascript，现在我正在努力学习React和Redux。在我一直在YouTube上关注的这篇教程中，我对一些对象似乎是如何创建的感到有些困惑。到目前为止，本教程仅涵盖了登录和登录网页。
api.js
import axios from "axios";
export default {
user: {
login: credentials =>
axios.post("/api/auth", { credentials }).then(res => res.data.user),
浏览 0提问于2018-07-25得票数 0
我刚开始学习React Hooks，所以我还是个新手。
我正在努力找出为什么下面的代码会陷入无限循环。
我找不到代码有任何问题。
有没有人能解决这个问题？
import React, { useEffect, useState } from "react";
import axios from "axios";
export interface Post {
userId: number;
id: number;
title: string;
body: string;
}
function PostFetchingOne() {
con
浏览 0提问于2021-09-30得票数 0
import React from 'react'
import axios from "axios"
import { useEffect } from "react"
import { useState } from "react"
export function Profile (){
const pathname = window.location.pathname
const[data,setData] = useState([])
const [loaded,hasloaded] = useS
浏览 6提问于2022-03-24得票数 0
import React, {Component} from 'react';
import axios from 'axios';
export default class CreateDog extends Component {
constructor(props){
super(props)
this.state = {
name: '',
activityLevel: '',
description: &
浏览 3提问于2017-11-01得票数 2
我正在尝试更新一个数组的索引内的反应状态。问题是我不能使用setState()方法访问数组的索引。
我的代码如下所示：
handleLike(post) {
axios.get(`/likes/${post}`)
.then(response => {
this.state.posts.forEach((entry, index) => {
if (entry.id === post) {
this.setState({po
浏览 2提问于2019-04-27得票数 1
回答已采纳
我一直在尝试用大多数频率呈现单词。我已经完成了获取API.To呈现单词的工作，在render()中还有setState单词和映射的单词数组，.I是期望的单词，有计数。我只得到作为1 1 1 1 1 1 1 1 1 1 1 2 1的数字。表中的数据。
import React, { Component } from "react";
import { Grid, Row, Col, Table } from "react-bootstrap";
import axios from "a
浏览 0提问于2018-01-19得票数 0
回答已采纳
我对node.js很陌生，对此我也有反应。我构建了一个后端api，用于公开CRUD端点，用于Products模型，其中包含三个字段：Title、Description和Price。我对服务器使用了节点/快递，并使用了SQLite db文件。
我已经使用postman测试了端点，并且可以成功地访问所有产品，检索单个产品，添加新产品(但只将标题设置为application/x-www-form-urlencoded)，并删除产品。
我正在松散地遵循一个教程，使用react构建前端，并使用axios来发出http请求。我可以阅读没有问题，所以得到所有，并得到一个ID是有效的。
然而，我的帖子请求却碰
浏览 0提问于2018-01-14得票数 4
2回答
下面是组件文件SinglePostBySearch.js
import React, { useState } from 'react'
import Post from './Post'
const axios = require('axios')
const getElt=({loading},{isThereQuery},{posts})=>{
console.log(posts)
if(!loading && isThereQuery)
{
return(
浏览 1提问于2020-04-23得票数 1
回答已采纳
1回答
我试图从net core3中使用axios在react native中获取一个令牌，但是我不能成功地处理post方法？或者我在编写函数时遇到了问题？
function Test() {
const [name, setname] = useState('')
const [mobile, setmobile] = useState('')
const post = () => {
axios.post('http://apiaddres.ir/Token', {
name: name,
浏览 1提问于2020-12-25得票数 0
2回答
我试图创建一个搜索功能，但是当我尝试使用一个params请求将数据( axios.get )传递到后端时，它显示的是undefined。
我的react应用程序请求处理功能：
handleSearch() {
API.search(this.state.searchType, this.state.searchValue)
.then(response => { 1 }).catch(error => console.log(error));
}
据我所知，以上所述似乎是完美的。这些状态值是有效的，我在这里测试了它们是否为defined。
我的axios/API函数：
se
浏览 8提问于2020-09-21得票数 0
回答已采纳
我是第一次接触React.js，我正在尝试从一个api获取到一个状态。但是当我这样做时，在api中更改了json代码之后，或者过了一段时间后，我得到了无限的错误：TypeError: Failed to fetch和Posts.js:10 GET http://localhost:3000/data net::ERR_CONNECTION_REFUSED。 我的帖子控制器： import React, { useState } from 'react';
import Post from './Post';
import axios from 'axi
浏览 10提问于2020-08-23得票数 0
回答已采纳
2回答
考虑这一反应代码：
import React,{useState} from 'react'
import {useParams} from 'react-router-dom'
import axios from 'axios'
function ResetPassword(props) {
const { id } = useParams()
const [forgot,setForgot]=useState(
{
token:id?id:null,
pa
浏览 1提问于2021-06-18得票数 2
回答已采纳
1回答
我第一次练习使用MERN堆栈。我松散地使用本教程作为指南，但我自己做了一些调整，使应用程序功能成为一个社交媒体网站。我的后端代码运行良好，因为我已经使用Postman测试过它，它给了我想要的结果。但是，当我将按钮放到自己的React项目并调用onClick方法时，请求不会发生任何变化。在我的项目中，除了这个方法之外，所有其他方法都按照我的要求工作。
Feed.js
import React, {Component} from "react"
import Card from 'react-bootstrap/Card';
import Button from &
浏览 2提问于2022-11-16得票数 0
回答已采纳
3回答
下面是通过url从axios获取数据的代码片段，
import React, { useState, setEffect, useEffect } from 'react';
import axios from "axios";
import LoadingPage from "./LoadingPage";
import Posts from "./Posts";
const url = "https://api-post*****";
function App() {
const [posts, s
浏览 7提问于2022-05-24得票数 0
import React, { Component } from "react";
import axios from "axios";
import ReactPlayer from "react-player";
export default class DoctorData extends Component {
state = {
sidebarOpen: true,
courseData: [],
renderData: []
};
componentDidMount() {
let jw
浏览 6提问于2019-10-31得票数 2
回答已采纳
我正在尝试从MYOB获取访问令牌。我进行的POST调用返回一个"400 Bad Request error“我正在使用"axios”进行POST调用，我已经获得了在POST调用中发送的数据中使用的访问码 以下是我的代码 const config= { headers:{'Content-Type':"application/x-www-form-urlencoded"}}
const data={
client_id:"xxxxxxxxxxxxxxxxxxxxxxx",
client_secr
浏览 24提问于2019-10-14得票数 0
我正在创建一个站点，使用的是React中的moviedatabase。()
我已经创建了一个按钮，用户可以单击该按钮将他们正在查看的电影的id添加到存储在本地存储中的电影id数组中。
在“观看”页面上，我可以通过声明索引号电影从数组中获取1部电影的信息，但我希望映射/循环存储在本地存储中的所有in。我该怎么做？
import React, { useState, useEffect } from 'react'
import Axios from 'axios'
import Moviedetails from './Moviedetails&#
浏览 1提问于2020-08-23得票数 0
回答已采纳
我的数据库里有一些记录。代码在表上显示第一条记录。当我想通过appendMore按钮将第二条记录附加到第一条记录时。第二条记录显示第一条记录。请正确地将第二个或下一个附加到第一个记录中。到目前为止，我的努力如下
import React from "react";
import axios from "axios";
import "./App.css";
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
浏览 4提问于2022-06-03得票数 1
回答已采纳
1回答
我需要一些帮助。当我试图了解React/REdux全局状态时，我提出了一些简单的get请求。这是用Axios，thunk，Redux完成的，但我不能让它工作 我有Post.js文件，没什么花哨的 import React, { Component } from 'react';
import PropTypes from 'prop-types';
import PostForm from './PostForm';
export class Post extends Component {
static propTypes = {
浏览 13提问于2019-12-12得票数 0
import React,{Component} from "react"
import axios from "axios"
import { List } from "@material-ui/core"
class PostList extends Component{
constructor(props){
super(props)
this.state={
posts:[]
}
}
componentDidMount(){
浏览 2提问于2020-06-11得票数 0
1回答
在导出函数时，我尝试将从axios获得的值放到div中 import React from 'react';
import axios from 'axios';
function callServer() {
axios.get(`http://localhost:${process.env.REACT_APP_SERVER_PORT}`, {
params: {
table: 'querotable',
},
}).then((response) => {
const resp = res
浏览 30提问于2021-03-22得票数 1
回答已采纳
我正在尝试使用本教程：Auth0在我的React项目中实现。
由于我不想在每个页面上传递访问令牌，所以我使用的是一个全局文件，我尝试在每个Axios调用上使用该文件。
代码(api.js)：
import axios from 'axios';
import { useAuth0 } from '@auth0/auth0-react';
const {getAccessTokenSilently} = useAuth0();
const token = await getAccessTokenSilently();
export default axios
浏览 19提问于2022-10-14得票数 0
我和一起创建了一个项目，
我试着用React钩子，
在下面示例中，
句子console.log(articles)无休止地运行：
import React, {useState, useEffect} from "react"
import {InfiniteScroller} from "react-iscroller";
import axios from "axios";
import './index.less';
function ArticleList() {
const [articles, setArti
浏览 0提问于2018-12-30得票数 3
1回答
提交函数改变了React窗体状态
、、、、
我正在自学React，并使用Axios API构建一个小型的单页面React应用程序。我有一个POST请求，但一直失败。console.log的广泛使用似乎表明表单输入的状态被提交函数以某种方式改变了，尽管我不知道为什么。帮助!
代码如下：
import React, { useState, useEffect } from 'react'
import axios from 'axios'
import { Grid, TextField, Button, Typography } from '@material-ui/core'
import
浏览 2提问于2020-02-27得票数 1
回答已采纳
1回答
我正在尝试从react中的父对象打印数据。这是我的代码
import React from 'react';
import axios from 'axios';
class Wallet extends React.Component {
constructor(){
super();
this.state = {
wallets: [],
updates: []
};
}
componentDidMount(){
var j
浏览 1提问于2018-02-16得票数 0
回答已采纳
当我尝试添加一个新的帖子时，我得到了这个错误。但是当我console.log({ newPost })时，我看到添加了新的obj。当我尝试在setPost({ newPost })中设置它时发生了一些问题。 ? import React, { useState, useEffect } from "react"
import axios from "axios"
const Users = () => {
const [posts, setPosts] = useState([])
useEffect(() => {
con
浏览 43提问于2020-10-11得票数 1
现在我正在开发一个react博客类型的应用程序，我目前在尝试找出解决问题的最佳方法时遇到了问题。现在，我有一个postbody组件，它使用从redux检索到的数据将道具从redux发送到postbody模板组件。现在，它通过一个名为postItems的const进行映射。我有一个函数可以返回使用相同帖子Id的评论。我需要完成的是，一旦它映射通过帖子主体模板，如果有评论具有相同的帖子in，以显示在相同的postBodyTemplate组件中的评论。 对于我的PostBody组件，我有： import React, { Component, useState, useEffect } from
浏览 10提问于2019-10-16得票数 0
我的工作是一个反应项目，因为我有三个组成部分的家庭，学生名单，卡片。
在这个项目中，学生列表是卡片组件的父级，卡片组件也是子组件
学习列表组件。现在我正在尝试将handlSubmit和handleChange函数从
通过使用道具将组件学习到卡片组件。但效果不太好。
请帮助我将handleSubmit & handleChange函数从父函数传递给
有反应的孩子。
我是Studentslist.js
import React, { useState } from 'react';
import axios from 'axios';
import '
浏览 2提问于2020-03-25得票数 1
回答已采纳
2回答
我试图遍历从Ajax请求中接收到的对象数组。由于某些原因，我无法使用map函数，尽管我确信我的数据是一个数组。我只是在学习，反应，知道一定有一些基本的概念，我错过了，但无法弄清楚。
这是我的密码。
import React from 'react';
import axios from 'axios';
class Search extends React.Component {
constructor(props) {
super(props);
this.state = {value: '', searchVal: 'No
浏览 0提问于2018-01-30得票数 0
回答已采纳
我正在尝试制作一个博客风格的应用程序。我正在运行一个django服务器，并试图创建一个react-redux前端。我正在使用redux-devtools，当我注释掉错误代码时，redux似乎具有状态中的数据。不确定哪里出了问题。此外，我使用redux-thunk和axios与后端通信。我几乎是在抄袭youtube的教程。这是reducer reducers/posts.js
import {GET_POSTS} from "../actions/types";
const initialState = {
posts: []
}
浏览 16提问于2019-07-15得票数 0
回答已采纳
App.js
import React from "react";
import { useState } from "react";
import axios from 'axios'
const App=()=>{
const [data,Setdata]=useState({name:'',password:''});
const Handler=e=>{Setdata({...data,[e.target.name]:e.target.value})}
const submit
浏览 5提问于2022-10-06得票数 0
我正在尝试使用ReactHooks呈现对象的排序数组，我已经使用useMemo实现了同样的效果，同时也使用了redux。有没有人能给我推荐一下最好的方法。对我做错了什么有什么建议吗？ 我也把post.js放在下面了。 我正在尝试使用ReactHooks呈现对象的排序数组，我已经使用useMemo实现了同样的效果，同时也使用了redux。有没有人能给我推荐一下最好的方法。对我做错了什么有什么建议吗？ 谢谢 HomePage.js import React, { useState, useEffect, useMemo } from "react";
import Pos
浏览 13提问于2021-05-01得票数 0
1回答
我试图在页面上显示一组新闻文章，但得到了一个错误：
Unhandled Rejection (TypeError): this.state.newsPost.map is not a function
这是我正在运行的代码：
import React, { Component } from 'react'
import { Container, Row, Col } from 'bootstrap-4-react';
import News from '../Articles/News';
import Post from '
浏览 0提问于2021-03-29得票数 0
我需要你的帮助。我有一个我不能解决的问题。我对此还是个新手。我正在尝试向后端发送信息。结果，我得到一个错误：Cannot read properties of undefined (reading 'preventDefault')。我想问一下，我的错误是什么?我执行POST请求是否正确？谢谢你 import React, { useEffect, useState } from 'react';
import axios from 'axios';
export let Form_Post = () => {
let [name,
浏览 267提问于2021-11-22得票数 0
我在我的react应用程序中构建了一个简单的类似书签的功能。 const [liked, setLiked] = useState();
const [bookmarked, setBookmarked] = useState();
useEffect(() => {
post.liked ? setLiked(true): setLiked(false);
post.bookmarked ? setBookmarked(true) : setBookmarked(false);
}, []);
useEffect(() => {
a
浏览 23提问于2020-07-24得票数 2
import React, { Component } from "react";
import axios from 'axios';
class App extends Component {
handleSubmit(event) {
axios.get('http://localhost:3050/login', {
"username": "username",
"password": "password"
})
浏览 2提问于2019-10-04得票数 0
回答已采纳
我的主要目标是拥有一个由node.js和reactjs资料ui组成的联系人表单。这个项目是一个虚拟的，我将整合到主要的一个。
这是我第一次使用node.js。使用nodemailer，我创建了一个发送电子邮件的index.js文件。守则如下：
const express = require("express");
const router = express.Router();
const cors = require("cors");
const nodemailer = require("nodemailer");
const app =
浏览 5提问于2020-12-19得票数 0
回答已采纳
我计划使用我的react项目中第一个api中的数据调用第二个api，我尝试使用一个useState并使用axios链接承诺，但是它似乎不起作用，因为我想根据第一个api id值过滤出第二个api中的数据。
Api 1
[{
id: 01,
title: Post title One,
external_id: 101
},
{
id: 02,
title: Post title Two,
external_id: 102
},
{
id: 03,
title: Post title Three,
external_id:
浏览 1提问于2021-12-02得票数 1
回答已采纳
对这个琐碎的问题(也许)很抱歉，但我已经打了好几个小时了。哪里出错了？
import axios from 'axios';
import React, { useEffect, useState } from 'react'
import { SingleCoin } from '../config/api';
const {id} = useParams();
const [coins, setCoins] = useState();
const {currency, symbol} = CryptoState();
useEff
浏览 18提问于2022-07-03得票数 0
回答已采纳
我正在尝试新的React Hooks，我有点卡住了，因为当本地状态更新时，UI没有更新。这是我的代码，
import React, { useState, useEffect } from 'react';
import Post from './Post'
import PostForm from './PostForm';
import axios from 'axios';
function PostsList() {
const [posts, setPosts] = useState([]);
//
浏览 0提问于2019-02-03得票数 9
1回答
我是新的react，我想在我的组件中显示图表，其中的数据应该从API响应填充。 我的示例API响应是： {
"result": 1,
"data": [
{
"data1": "1272.00",
"data2": "1183.00",
"price": "131.00"
},
{
"data1
浏览 18提问于2019-01-15得票数 0
回答已采纳
1回答
我有一个react前端，它使用axios将存储在状态中的对象的http请求发送到NodeJS rest api服务。我在nodejs端使用对象时遇到了问题。 React Put submit = () => {
this.setState({ questionnaire_completed: true })
console.log("user" + this.state.user);
let url_ = process.env.REACT_APP_USER_RESTAPI + "/user_psycho
浏览 26提问于2019-05-22得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
