Question

嘿，我正在尝试访问提取的item.name等内部的内容。我想知道为什么我无法访问商品属性

但是我在return语句中没有得到任何东西，这是我需要访问的json。 {"message":{"_id":"5ea9c860ea9fb600178ae676","name":"frutology","description":"frutas"}}

import React, {useState,useEffect} from 'react';




function StoreDetails ({ match }) {
    useEffect(()=>{
        fetchItem();

    },[]);
    const[item,setItem]=useState({name: "", description : ""});

    const fetchItem = async() => {
        const fetchItem = await fetch(
            `/storedisplay/${match.params.id}`
        );


        const item = await fetchItem.json();
        setItem(item);
        console.log(item);
    }





    return (

        <div>
            <h1>{item.name}</h1>
            <h2> {item.description}</h2>
        </div>


    );

}


export default StoreDetails;

Answer 1

请记住，useState是异步的。

使用useEffect。

useEffect(() => {
  console.log(item);
}, [item])

反应无法访问查询值

1 个答案: