Quiero devolver una etiqueta de un método para que, una vez que llame al método, se devuelvan las etiquetas y estas etiquetas se usen para llamar a un componente.
const Populate =() => { let tags = []; analysisinfo.forEach((_item,index) => { if(analysisinfo[index].id!== defaultid) tags.push(<AU props={analysisinfo[index]} instance ={index}/>); console.log({tags}); } return tags;déjame explicarte en detalle que la información de análisis es una matriz de estado de uso que contiene los valores a continuación. Estos valores se pasan a este método.
0: cpu: true hdd: true id: "00000000000000000000000000000000" ram: trueY empuja estos valores en las etiquetas []. Quiero que se inserten en una matriz en forma de <>, de modo que cuando regrese llame al componente de etiqueta <AU..../> que toma los valores anteriores como accesorios.
Utilice una combinación de filter y map :
const Populate = () => ( <> { analysisinfo .filter(i => i.id !== defaultid) .map((i, idx) => ( <AU props={i} instance={idx} /> )) } </> );