Tengo este código para intentar crear una matriz de valores para usar luego en un mapa para imprimir los nombres de los valores en las tarjetas (bootstrap).
const { user } = useAuth(); const { responsable, editor, } = user; const uniqueDCentros = Array.from(new Set(JSON.parse(responsable).concat(JSON.parse(editor)))); const getTopics = useSelector((state)=> state.topics); // i received from reducer //the **topics** everytime that the **initFetch** execute the loop that is inside. const [uniqueTopics, setUniqueTopics] = useState([]) let resTopics = []; for(let topic of getTopics) { resTopics.push(topic.topicName) } const dispatch = useDispatch(); const initFetch = useCallback(() => { for (let dc of uniqueDCentros) { dispatch(getTopicsbyDcentro(dc)); // get the 'topics' for every 'dc' that i want to use together, } }, dispatch); useEffect(() => { initFetch(); setUniquetopics([restTopics, ...uniqueTopics]) }, initFetch);Me gustaría almacenar todos los temas para usarlos más tarde. Intenté con empujar dentro del ciclo y con useState() para almacenar los valores, pero no funciona.
Un poco de ayuda para mí. Gracias
Parece que ya tienes temas sobre el estado en redux. Por lo tanto, no necesita copiar ese estado en este componente. Simplemente puede acceder a él como
const topics = getTopics.map(t => t.topicName);Editar: sería más fácil mantener todos los resultados en redux, pero en caso de que no quiera hacerlo por algún motivo, realice un seguimiento de cada elemento al que reacciona el componente.
const useAccumulate = (list) => { const [acc, setAcc] = useState([]); useEffect(() => { // Every time the reference for the list updates // add every element into the accumulator setAcc(a => [...a, ...list]); }, [list]); return acc; }