0
206
ViewsCrear divisores en cada tres filas a partir de una matriz de tarjetas
Hola chicos, estoy tratando de crear un divisor para cada fila de 3 elementos. Esta es mi configuración actual, pero el problema es que solo manejo dos conjuntos de filas, y puede haber una cantidad ilimitada de filas que estoy usando. rebanada para obtener las dos primeras filas
El divisor no puede estar dentro de un mapa ya que debe colocarse fuera del contenedor. El divisor debe colocarse entre cada dos filas. Actualmente solo maneja dos filas, pero necesita tomar más de dos filas.
Código de ejemplo https://codesandbox.io/s/summer-firefly-xzymsp?file=/src/App.tsx
·
Juan Pablo Isaza
1 answers
Answer question0
Podría intentar preparar su OpenGraphGridDate y organizarlo en filas. de esta manera es fácil usar la función de dos mapas anidados.
const OpenGraphGridModule = () => { const rows = OpenGraphGridData.reduce((rows,el)=> { if(rows[rows.length-1].length >= 3){ rows.push([]); } rows[rows.length-1].push(el); return rows; },[[]]); return ( <> {rows.map((row,i) => ( <> <Container> {row.map(el => ( <Card /> ))} </Container> {(i < rows.length-1) ? ( <DividerContainer> <Divider /> </DividerContainer> ) : null} </> ) )} </> )
·
Juan Pablo Isaza
Report
Answer question