júnior tratando de aprender. Tengo la siguiente función.
overlay = (rulersOnLine) => { const mainRulers = { AB: <Box sx={SX.ruler10} />, CD: <Box sx={SX.ruler20} />, }; let skeleton; let newRulersOnLine = []; rulersOnLine.map((value, index) => { if (value === 1) { skeleton = { name: 'A' + index + 'B' + index, node: <Box sx={SX.ruler10} style={{opacity: 1}} />, }; } }); return mainRulers; };Mi objeto principal es
const mainRulers = { AB: <Box sx={SX.ruler10} />, CD: <Box sx={SX.ruler20} />, };Quiero agregar más elementos dinámicos , por ejemplo:
A1B1: <Box sx={SX.ruler20} />
rulesOnLine es una matriz hecha de 0,1 (máximo 4 elem).
¿Cómo puedo agregar nuevos elementos (bajo el formulario dado) al objeto principal?
Si entiendo correctamente que desea agregarlo a mainRulers , puede hacer lo mismo
overlay = (rulersOnLine) => { const mainRulers = { AB: <Box sx={SX.ruler10} />, CD: <Box sx={SX.ruler20} />, }; rulersOnLine.forEach((value, index) => { if (value === 1) { mainRulers[`A${index}B${index}`] = ( <Box sx={SX.ruler10} style={{ opacity: 1 }} /> ); } }); return mainRulers; };