无状态组件中如何设置状态，对象值？

Question

我正在使用无状态组件，并使用 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)
        })
},[])

Answer 1

setUserData 是更新您的 userData 值的函数。下面的代码应该可以解决问题


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)
        })
},[])

无状态组件中如何设置状态，对象值？

How to setState, object value in the stateless component in react?

setstate

reactjs

axios