如何在無狀態組件中設置狀態，對象值反應？

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