Как установить значение объекта в компоненте без состояния в React?

Я использую компонент без состояния и получил значение от API с помощью Axios и useEffect (), затем я установил одно значение в состоянии, но я хочу установить объект ответа в состоянии:

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

reactjs setstate axios
person Sheo Sagar    schedule 31.12.2019    source источник
comment
Обновите свой код следующими строками: const [userData, setUserData] = useState ([]); setUserData (response.data.data);   -  person Govind Soni    schedule 31.12.2019
comment
раскомментируйте свою строку const [userData, setUserData] = useState({});, и вы можете обновить ее свое состояние, например: setUserData(response.data.data);   -  person Navin Gelot    schedule 31.12.2019

Ответы (1)


arrow_upward
3
arrow_downward

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)
        })
},[])
person Michalis Garganourakis    schedule 31.12.2019
comment
Затем получите доступ к своим данным, используя переменную userData. - person Michalis Garganourakis; 31.12.2019