useEffect async promise

index.js

import React, { useState, useEffect } from "react";
import { myPromise } from "../api";

const index = () => {
  const [data, setData] = useState([]);
  useEffect(async () => {
    const result = await myPromise();
    setData(result);
  }, []);
  return (
    <div>
      <ul>
        {data.map((item) => (
          {/* assumes each object in array has key property */}
          <li key={item.key}>{item}</li>
        ))}
      </ul>
    </div>
  );
};

export default index;

import React, { useState, useEffect } from "react";
import { myPromise } from "../api";

const index = () => {
  const [data, setData] = useState([]);
  useEffect(async () => {
    const result = await myPromise();
    setData(result);
  }, []);

  useEffect( () => {
      const promiseFetch = fetch('https://jsonplaceholder.typicode.com/users').then(res => res.json()).then(result => setData(result)) 
     return promiseFetch()
 }, []);

  return (
    <div>
      <ul>
        {data.map((item) => (
          {/* assumes each object in array has key property */}
          <li key={item.key}>{item}</li>
        ))}
      </ul>
    </div>
  );
};

export default index;
`