Node.js 使用React中的map函数在渲染中调用我的帐户列表

我不知道如何在

render（）

中显示项目列表。我主要使用存储列表的数组，并在render中从该数组中获取项目

这是我的密码：

  constructor(props) {
        super(props);
        this.state = {
            items: []
        };
        this.handleSubmit = this.handleSubmit.bind(this);
    }



handleSubmit(event) {
        event.preventDefault();
        let { items } = this.state;
        const token =  localStorage.getItem('toktok');
        fetch(`${API}/api/accounts`,{
            headers :{
                'authorization': `Bearer ${token}`, 
            }
        })

        .then(results => {
            return results.json();
        })

        .then(data => {
            const temp = data.result;
            items = temp;
            // localStorage.setItem('mymy',  "fiss");
            console.log(items);
            console.log(items.length); 
        })
        .catch(err => {
            console.log("erroooor : ",err);
        });}

这是调用元素的

render（）

 render(){
var { items} = this.state;
  {
      items.length > 0 ? items.map(item => {
      const {nom, prenom, email, tel} = item;
      return <div className="ohayo" key={email}>
       <p>{email}</p>
       <p>{nom}</p>
       <p>{prenom}</p>
       <p>{tel}</p>
      </div>
      }) : "null"
}      
}

render（）{
var{items}=this.state；
{
items.length>0？items.map（item=>{
const{nom，prenom，email，tel}=item；
返回
{email}

{nom}

{prenom}

{tel}

})：“空”
}      
}

看起来您真正需要做的就是在获取项目后将其设置为状态

.then(data => {
  // localStorage.setItem('mymy',  "fiss");
  this.setState({ items: data.result });
})

---

嘿，谢谢你的回答：）它给了我一个错误：

TypeError:无法读取未定义的属性“map”

有趣的是，在

this.setState

之前的两行记录了什么返回：所有我的数据，格式如下：

0:{dateCreation:“2019-10-09T21:54:18.491Z”，resetpasswordtoken:null，resetpasswordexpires:null，role:“admin”，enable:true，}1:。。。2:…

console.log（items.length）返回：3您这样做是否有原因
让{items}=this.state在
handleSubmit
中？如果没有，我将删除该行并仅在
中设置项，然后
块如果我删除
让{items}=this.state，我将出现这些错误：第72:13行：“项目”未定义没有未定义第74:25行：“项目”未定义没有未定义第75:25行：“项目”未定义没有未定义，因为我调用了它。然后（…）