map is not a function

I am trying to loop through an array of objects I received from an Ajax request. For some reason I am not able to use the map function even though I’m sure that my data is an array. I am just learning React and know there must be some underlying concept that I’m missing but can’t figure it out.

Here is my code.

2 Answers 2

You haven’t called search() yet. You bind search() to onClick but before that your state.searchVal value is No data yet so it not an array.

You can either call search() at some lifecycle method or set default value for state.searchVal: [] at constructor

You need to change the initialization of searchVal

When the render() function is called the first time, searchVal is still a String (‘No data yet’), not an Array, that’s why map doesn’t work.

Not the answer you’re looking for? Browse other questions tagged javascript reactjs or ask your own question.

Hot Network Questions

To subscribe to this RSS feed, copy and paste this URL into your RSS reader.

site design / logo © 2019 Stack Exchange Inc; user contributions licensed under cc by-sa 4.0 with attribution required. rev 2019.11.15.35459

Не могу понять смысл ошибки. Уже психи берут.

Выложил на хостинг бесплатный https://mazservices.000webhostapp.com/

Я так понимаю эти ошибки и вызывают мой баг.

  • Вопрос задан более года назад
  • 365 просмотров

Сделал теперь такую последовательность

Та ошибка пропала, но появилось три новые. Первым подключаю jQuery естественно, так как file.js index.js юзают его. Последним гугловский

Но три ошибки. Первая и последняя ошибка мне не понятна, а вот 2 ошибка парадокс.

По поводу 2 ошибки.
Оно ругается на lat, но не ругается на lng. Это очеееееееень странно)

Вот в консоль вывел Резалт иииии что не так то? Да и если бы оно не подхватывало lat lng , оно бы попросту не строило бы маршрут

У меня ведь функция InitMap вызывается с параметрами (my_coords,lat,lng) в случае успешного запроса аякс.

Но наблюдаю отладку, сразу при обновлении она underfined,
Но потом всё прекрасно находит

Судя по всему оно пытается достать эту переменную ещё до Аякс запроса.

I am new here (and new to JavaScript), so please excuse my super basic questions. I have a HTML page with different images that all share a class on it. By using getElementsByClassName, I get an array. I want to add an event listener to each of the cells in the array by using the .map() function.

Оцените статью
SoftLast
Добавить комментарий