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

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