вызвать мой список аккаунтов в рендере, используя функцию карты в реакции

Question

я не знаю, как отобразить список элементов в 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(){
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"
}      
}

спасибо за вашу помощь

Answer 1

Похоже, что все, что вам действительно нужно сделать, - это установить свои элементы в состояние после их извлечения.

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