При запуске react проекта вылезает ошибка "Cannot read properties of undefined (reading 'filter')" Где искать корни этого зла?

Question

Пытаюсь изучить react, на данном этапе возникла ошибка (полный текст)

Uncaught runtime errors:
×
ERROR
Cannot read properties of undefined (reading 'filter')
TypeError: Cannot read properties of undefined (reading 'filter')
    at http://localhost:3000/static/js/bundle.js:1108:24
    at updateMemo (http://localhost:3000/static/js/bundle.js:22977:23)
    at Object.useMemo (http://localhost:3000/static/js/bundle.js:23553:20)
    at useMemo (http://localhost:3000/static/js/bundle.js:38475:25)
    at useCard (http://localhost:3000/static/js/bundle.js:1107:78)
    at App (http://localhost:3000/static/js/bundle.js:117:87)
    at renderWithHooks (http://localhost:3000/static/js/bundle.js:22188:22)
    at updateFunctionComponent (http://localhost:3000/static/js/bundle.js:25070:24)
    at beginWork (http://localhost:3000/static/js/bundle.js:26782:20)
    at HTMLUnknownElement.callCallback (http://localhost:3000/static/js/bundle.js:11780:18)

Никак не могу понять куда мне залезть, чтоб все исправить? Я не вижу конкретики, ни имени файла, ни номера строк, подскажите новичку пожалуйста!

Answer 1

Эта ошибка у меня вылезла в случае, когда данные загружались с сервера с помощью манипуляции пользователя, а не автоматически при рендере приложения.
Таким образом, получается, что данные, к которым мы пытаемся получить доступ в компоненте, ещё не загрузились к этому моменту.

Чтобы исправить, нужно сделать проверку на наличие данных перед попыткой доступа к свойству (перед JSX компоненты):

if (props.data || props.data.length === 0) {
return <p>Тут свой абзац</p>
}
return (
   ...JSX...

БЛОГ НА HUSL

При запуске react проекта вылезает ошибка "Cannot read properties of undefined (reading 'filter')" Где искать корни этого зла?

Ответы (1 шт):