Quiero declarar alguna variable de estado como: processId_1, processId_2, processId_3 ..... processId_n.
const [processId, setProcessId] = useState(0) ; Solo quiero usar el bucle en el código para declarar estas variables. Algo como eso:
for (let index = 0; index < 30; index++) { const [processId["".concat("_",index)], setProcessId]["".concat("_",index)] = useState(0); }También quiero enviarlos como accesorios. Como hacer eso.
Es posible crear una matriz de estos estados. Así que el código se vería así:
const [processIds, setProcessIds] = useState([ { id: '1', name: 'processId 1' }, { id: '2', name: 'processId 2' } ]); const handleClick = () => { setProcessIds([...processIds].map(pr => { if(pr.id === '1') { return { ...pr, name: 'processId is edited' } } else return pr; })) } <button onClick={handleClick}> </button>ACTUALIZAR:
Es posible agregar claves en el objeto de forma dinámica como esta:
const obj = {}; for (let i = 10; i <= 20; i++) { obj['processId_' + i] = 0; }Un ejemplo:
const obj = {}; for (let i = 10; i <= 20; i++) { obj['processId_' + i] = 0; } console.log(obj)