Блог

Я должен отображать изображения base64 для аватара из-за проблем с конфиденциальностью, все обещания для миниатюр решаются правильно, но изображения base64 не отображаются должным образом из кэша памяти браузера.

Как ни странно, он отображается во всех base64 после повторного рендеринга (когда я нажимаю значок сортировки, он не вызывает повторную выборку).

И еще один пункт появляется на вкладке сеть. Я понятия не имею, почему.

Не могли бы вы помочь мне правильно отобразить все изображения в формате base64?

Вот фрагмент кода.

 uniqueReferrals.forEach(({ gpReferralUuid, state }, idx) => {
        if (gpReferralUuid amp;amp; state !== "hqSent") {
          healthQuestionnaireReviewService
            .getPatientThumbanils(gpReferralUuid)
            .then((res) => {
              const { hasPhotos } = res;

              if (hasPhotos) {
                const frontThumbnail = res.photos.frontThumbnail;
                uData[idx].avatar = frontThumbnail;
                setReferralSummary(uData);
              }
            })
            .catch((error) => {});
        }
      });

<tr>
<td>
<Avatar
    className={classes.avatar}
    src={row.avatar}
    alt="Thumbnail"
/>