Блог

Я использую React hook для рендеринга двух API. Всего у меня есть 40 вариантов, чтобы завершить всю загрузку, мне потребуется полминуты для загрузки около 40 вариантов, что слишком долго. Что я должен сделать, чтобы сократить время загрузки на стороне интерфейса React?

 useEffect(() => {
    loadingChoice(questionId)
    loadingCheckChoice(questionId, detail.participantId)
}, [questionId])

const loadingChoice = async (questionId) => {
    const query = {
        questionId,
    }
    try {
        const choicesData = await getChoices(query)
        const choicesNew = choicesData
        setChoices(choicesNew)
        const choicesNotApplicableChoicesNew = choicesNew.filter((choice) => choice.type === "Not Applicable")
        const choicesStandardChoices = choicesNew.filter((choice) => choice.type !== "Not Applicable")
        setChoicesNotApplicableChoices(choicesNotApplicableChoicesNew)
        setChoicesStandardChoices(choicesStandardChoices)
    } catch (e) {}
}

const loadingCheckChoice = async (questionId, participantId) => {
    const query = { questionId, participantId }
    try {
        const responsesData = await getResponses(query)
        if (responsesData.length) {
            const checkedChoice = responsesData[0].choice_id
            setCheckedRadio(checkedChoice)
        }
        handleProcessing()
    } catch (e) {}
}