¿Cuál sería la forma más eficiente de devolver varias cosas en una función .map? Por ejemplo, 2 declaraciones de console.log separadas ?
Por ejemplo: Esto funciona bien:
return ( <div className="App"> {mycataobjects.map((myobject) => console.log(myobject.name))} </div> );Sin embargo, ¿cómo agregaría otro archivo console.log a este mapa, de modo que para cada objeto de la matriz obtenga la frase "Hola"?
Intenté lo siguiente pero no funciona. Solo imprime "Hola" una vez. Lo quiero impreso para cada objeto en la matriz my.object. Cuál sería la mejor forma de hacer esto?
return ( <div className="App"> {mycataobjects.map( (myobject) => console.log(myobject.name), console.log("Hello") )} </div> );Si está realmente interesado en los valores de retorno, puede devolver un tipo de tupla y luego aplanar la matriz:
const arr = mycataobjects.map(item => [1, 2]); const values = arr.flat(); Sin embargo, en su ejemplo, si solo desea llamar a console.log dos veces, deberá agregar llaves al cuerpo de la función de flecha:
mycataobjects.map( (myobject) => { console.log(myobject.name); console.log("Hello"); } ); Tenga en cuenta que console.log es una función nula, por lo que simplemente devolvería undefined . Tratar de obtener su valor de retorno no es tan útil aquí.