如何调用同名数组中的另一个元素？

Question

我对 JavaScript / React.js 比较陌生。我有一个随机的 API，我想从中读取一个项目（在这个例子中是一个电子邮件地址）。

如果数组有更多不同用户的电子邮件怎么办？

在那种情况下，我该如何称呼该特定电子邮件，比如第 2 和第 5 封。它的语法是什么？

代码如下：

   import {useState,useEffect} from 'react';

function App(){

  const url = 'https://randomuser.me/api/';

  const [information,setInformation]=useState([]);
  
  async function getData(){
    const resp = await fetch(url);
    const data = await resp.json();
    console.log(data);
    const [item]=data.results;
    setInformation(item);
  }

  useEffect(()=>{
    getData();
  },[])

  return(
    <>
      {information.email}
    </>
  )
}
export default App;

Answer 1

由于您将数据作为数组获取，格式为

email: ["a@gmail.com", "b@gmail.com"]

您可以将它们映射为：

export default function App() {
  let information = { email: ["a@gmail.com", "b@gmail.com"] };
  return (
    <ul>
      {information.email.map((item, i) => (
        <li key={i}>{item}</li>
      ))}
    </ul>
  );
}

或者要显示特定的电子邮件，比如第一个位置，访问它们：

   <>
      {information.email[1]}
    </>

如何调用同名数组中的另一个元素？

How can I call another element from an array with the same name?

javascript

json

arraylist

reactjs