JSFiddle - React, Tailwind, and code Playground

JavaScript

let promise1 = new Promise((resolve, reject) => {
      console.log('-uno-')
      resolve('-promise 1 success')
    })

    let promise2 = new Promise((resolve, reject) => {
      console.log('-dos-')
      reject('-promise 2 fail')
    })
    
    let promise3 = new Promise((resolve, reject) => {
      console.log('-tres-')
      reject('-promise 3 fail')
    })


		let promise4 = new Promise((resolve, reject) => {
      setTimeout(() => {
      	console.log('-cuatro-')
        resolve('-promise 4 success-')
      }, 3000)
    })


    Promise.all([promise1, promise2, promise3, promise4]).then((res) => {
      console.log('--done--', res)
    }).catch((err) => {
      console.log('--err--', err)
    })