Quiero mostrar los valores de la matriz usando el mapa en jsx, pero no quiero crear un elemento para un valor indefinido. aquí, en el siguiente ejemplo, mainArray tiene múltiples subarreglos, y en el último arreglo, el último elemento no está definido. y se está creando una lista innecesaria para un valor indefinido.

 import "./styles.css"; export default function App() { const d=['link1','link2','link3','link4','link5']; const mainArr=[]; var a=[]; var b=[]; var c=[]; for(var i=0;i<d.length;i=i+3){ a.push(d[i]); b.push(d[i+1]); c.push(d[i+2]); } mainArr.push(a,b,c); return ( <div> { mainArr.map((link,ind) => { return ( <div> <ul> {/* <div>{ind}</div> */} { link.map(item=> { return( <li>{item}</li> ) }) } </ul> </div> ) }) } </div> ); }