Estoy tratando de lograr algo bastante simple, pero no sé por qué estoy tan atascado en eso. Quiero enviar datos a una función principal. Estos datos solo son aceptables en forma de cadena. Pero mi problema aquí es que, a veces, en un evento de clic, puedo tener varias cadenas. El objetivo final es enviarlas a ambas.

 setNewFruits('banana' , 'mango')

Así que al hacer clic obtengo mi objeto.

 ... const foundFruits = foundFruitsCategory.fruits

console.log: {nombre: 'plátano', id: 1, color: 'amarillo'}

Y si quiero extraer el nombre solo lo hago:

 const foundAndSelectedFruit = foundFruits.map((fruit) => fruit.name)

salida de consola.log:

 ['banana']

Pero la cosa es que quiero tener el nombre solo como un banana de cadena y no como una matriz de cadenas. si puedo decir

 console.log(foundAndSelectedFruit[0])

Eso me dará el banana , pero la cosa es que a veces onClick podría tener dos objetos

salida de consola.log:

 [ {name: 'banana', id: 1, color: 'yellow'} {name: 'mango', id: 2, color: 'orange'} ]

Entonces el registro de foundAndSelectedFruit será

 ['banana','mango']

¿Cómo puedo extraerlos como cadenas separadas y enviarlos a mi función de actualización? (La función espera una cadena de nombre)

PD: ya probé con forEach loop, pero en lugar de imprimir mi cadena, me devuelve undefined