Как сделать Object.map?

Question

[Илья]

У меня был с массив с данными. 7 элементов для которых я использовал data.map . Я загрузил этот массив на firebase и теперь я не могу его так вызывать потому что это уже не массив а объект.

Вопрос.

Как мне сделать data.map для объекта. Более того полученные данные из объекта: name , info , image , latlng мне нужно передать в компонент который находится внутри data.map.

Пример объекта:

Object {
  "0": Object {
    "id": 0,
    "image": "/images/Star.jpg",
    "info": "Star is a 1994 science fiction adventure film released through Metro-Goldwyn-Mayer (MGM) and Carolco Pictures..",
    "latlng": Object {
      "latitude": 53.6937,
      "longitude": -336.1968,
    },
    "name": "Star",
    "year": "1994",
  },

Answer 1

[Сергей Пантелеев]

Например, Object.keys(this.state.users) – https://snack.expo.io/B1bErzcwE

Comments

[Илья]

Целый 'день провозился с этим Object.keys . Все ровно не корректно получаю данные на выходе.
Изначально было так :
const url =""
Затем:

try {
      const response = await fetch(url);
      const data = await response.json();
     
      this.setState({ data });
    } catch (e) {
      throw e;
    }

В render( ) {
const { title,<b> data</b> , label } = this.state;
И return:

{data.map(item => (
                    <ImageCard
                      data={item}
                      key={item.id}
                      onPress={() =>
                        navigation.navigate(IMAGEPROFILE, {
                          show: item,
                          onGoBack: this.onGoBack
                        })
                      }
                    />
                  ))}

В ImageCard:

const ImageCard = ({ data, onPress }) => {
  const { image, name, year } = data;

Для способа c Object.keys данные я беру так:

firebase
      .database()
      .ref("/events/" )
      .once("value", data => { 
        if(data !== null){
          this.setState({
               data    })
          console.log(data.toJSON())
        }
       })

[Сергей Пантелеев]

Илья Краморов, покажите, пожалуйста, полную реализацию компонента, например, на snack?

[Илья]

Сергей Пантелеев, https://snack.expo.io/@ilyaux/frowning-salsa

[Сергей Пантелеев]

Илья Краморов, так а где у вас Object.keys?)

попробуйте так

{Object.keys(data).map(index => {
  let item = data[index];
  return <ImageNews
    data={item}
    key={item.id}
    onPress={() =>
      navigation.navigate(IMAGEPROFILE, {
        show: item,
        onGoBack: this.onGoBack
      })
    }
  />;
})}

[Сергей Пантелеев]

Илья Краморов,

firebase
      .database()
      .ref("/events/")
      .once("value", data => {
        if (data !== null) {
          this.setState({
            data: data.val() // <--
          });
        }
      });