Javascript React在从API调用接收数据后（使用挂钩）不更新UI const[data，setData]=useState（null）； useffect（（）=>{ const getData=async（）=>{ 待命http://localhost:4000/data') .then（res=>res.json（）） .then（fetchedData=>{ 设置数据（获取数据）； console.log（fetchedData） })} getData（）； }, []) 返回( {数据&& data.map（（项目、索引）=>{ item.map（对象=>{ Object.keys（Object.map）（（key）=> （{object[key]}） ); }) })}

数据结构如下所示：

当我在控制台中记录数据时，我看到了它，但在UI中什么也看不到，只是
您没有从传递到
.map（…）
的箭头函数返回任何内容。
要么添加一个
return
语句，要么去掉周围的花括号

const [data, setData] = useState(null);

  useEffect(() => {
    const getData = async () => {
    await fetch('http://localhost:4000/data')
    .then(res => res.json())
    .then(fetchedData => { 
      setData(fetchedData); 
      console.log(fetchedData) 
    })}
    getData();
  }, [])

  return (
    <div className="App">
      <Header />    
      <ul>{ data &&
        data.map((item, index) => {
          item.map(object => {
            Object.keys(object).map((key) => 
               (<li key={index}>{object[key]}</li>)
            );
          })
        })}</ul>
    </div>

data.map（（项目、索引）=>
item.map（对象=>
Object.keys（Object.map）（（key）=>
（
{object[key]}
）
)
)
)

或

data.map（（项目、索引）=>{
返回item.map（对象=>{
返回Object.keys（Object.map）（（key）=>
（
{object[key]}
）
);
})
})

data.map((item, index) => 
  item.map(object => 
    Object.keys(object).map((key) => 
      (<li key={index}>{object[key]}</li>)
    )
  )
)

data.map((item, index) => {
  return item.map(object => {
    return Object.keys(object).map((key) => 
      (<li key={index}>{object[key]}</li>)
     );
  })
})