При использовании Avatar onError для обработки ошибки загрузки изображения он не работает - PullRequest
Новая
       17

При использовании Avatar onError для обработки ошибки загрузки изображения он не работает

0 голосов
/ 18 июня 2020

Версия дизайна Ant для моего проекта - 3.x, и когда я пытаюсь обработать ошибку загрузки изображения с помощью onError для Avatar, она не работает.

Это мой код: 

                                            <Avatar
                                                src={item.avatar.secure_url}
                                                onError={e => {
                                                    if (e) e.target.src = DEFAULT_AVATAR_SRC;
                                                }}
                                                size="large"
                                                alt="mentor-avatar"
                                            />

Однако я обнаружил странную проблему, когда попытался распечатать его: 

                                                <Avatar
                                                src={item.avatar.secure_url}
                                                onError={e => {
                                                    if (e) console.log(e.target);
                                                }}
                                                size="large"
                                                alt="mentor-avatar"
                                            />

Он сработал, он может правильно распечатать item.avatar.secure_url. Я действительно не знаю, в чем проблема.

Есть ли какое-нибудь решение, чтобы предотвратить ошибку 404 для недопустимого URL-адреса изображения? Любой ответ мне очень поможет, спасибо.

...