[英]How to setState, object value in the stateless component in react?
I am using a stateless component and got value from the API with Axios & useEffect(), then I have set one value in the state but I want to set response object in the state:我正在使用一个无状态组件并通过 Axios & useEffect() 从 API 中获取值,然后我在状态中设置了一个值,但我想在状态中设置响应对象:
import React, { useState, useEffect } from "react";
import axios from 'axios';
export default function Login(props) {
const [email, setEmail] = useState("");
const [password, setPassword] = useState("");
const [userData, setUserData] = useState([]);
function validateForm() {
return email.length > 0 && password.length > 0;
}
useEffect(()=>{
axios.get(apiBaseUrl+'api/users')
.then(response =>{
// how to set my value: response.data.data
setUserData(response.data.data);
console.log(response.data.data);
}, error => {
console.log(error)
})
},[])
setUserData
is a function to update your userData
value. setUserData
是一个更新userData
值的函数。 The code below should do the trick下面的代码应该可以解决问题
const [userData, setUserData] = useState({});
useEffect(()=>{
axios.get(apiBaseUrl+'api/users')
.then(response =>{
// how to set my value: response.data.data
setUserData(response.data.data)
console.log(response.data.data)
}, error => {
console.log(error)
})
},[])
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.