Вопрос про console.log в функциях и хуках

Feb 6, 2021

Вопрос в том, что не совсем понимаю, как правильно использовать console.log в функциях, чтобы понимать, что получаю в результате. Сейчас делаю учебный проект мне нужно забрать с базы данных объект в котором карточки с покемонами и вывести их на странице. Для этого использую такой код: Примерно понял из уроков, что если после const поставить console.log('####: usePokemons', pokemons); для примера для хука useState он показывает, что передаю пустой объект, анологично для хука useEffect если поставить console.log('####: snapshot', snapshot.val()); то он показывает, что мы туда получаем. А вот с третьей функцией handleClickCard, которая отвечает за отоброжение карточек и преоброзования их в масив проблема, не понимаю, куда ставить console.log для проверки, чтобы понять, что она возвращает. Сейчас поставил ее после самой функции, но не уверен, что это правильное решение. Хотя вроде видно в консоли, что он отображает этот console.log и отображает объект в нем, но я как-то совсем не уверен, что он именно из последней функции его отображает. Да и по идеи он должен был его преоброзовать в массив, а он возвращает объект.