Início / coding / Perguntas / 78925549
Accepted
JobHunter69
Asked: 2024-08-29 06:54:57 +0800 CST

React: Como especifico a ordem do setter useState?

  • 772

Estou tentando obter uma lista de documentos a partir de seus IDs:

const [postReplies, setPostReplies] = useState([]);
useEffect(() => {
        setPostReplies([]);
        for (let i = 0; i < 4; ++i) {
            fetch(document_i)
            .then((data) => {
                setPostReplies((postReplies) => [...postReplies, data])
            })
        }
    }
       
}, []);

Quero que o array seja classificado na ordem em que enviei a solicitação e que o estado do React seja redefinido a cada vez.

reactjs

1 respostas

  1. Best Answer

    Se você quiser que o array seja preenchido pedaço por pedaço conforme cada solicitação for finalizada, então use ipara ditar onde inserir os dados. Esteja ciente de que isso significa que em algumas renderizações o array conterá undefinedvalores:

    for (let i = 0; i < 4; i++) {
  fetch(document_i)
    .then(data) => {
       setPostReplies(prev => {
         const next = [...prev];
         next[i] = data;
         return next;
       });
    });
}

    Se você quiser esperar até que todos os dados sejam carregados: crie uma matriz de promessas, combine-as usando Promise.all e aguarde a conclusão da promessa.

    const promises = [];
for (let i = 0; i < 4; i++) {
  promises.push(fetch(document_i));
}
Promise.all(promises).then(replies => {
  setPostReplies(replies);
});
    • 2

relate perguntas