Реагировать на извлечение родного плоского списка

Question

Немного неопытный здесь.Попытка визуализации данных с помощью React Native Flatlist.

Вот мои данные:

data = {
-LYIaWAxkQA38DAbC3By: {hours: "6", type: "Welding"}
-LYIab-Ys9WkUNHE2cqL: {hours: "2", type: "Hair Drying"
}

Я пытаюсь использовать:

<FlatList 
  data=data
  renderItem={
    (item) => <Text>{item.type}</Text>
  } 
  keyExtractor={(item, index) => index.toString()}
/>

Я хочу создать компонент, который может использовать каждыйТип и часы.

Я получаю сообщение об ошибке: 'Нарушение инварианта: пытался получить кадр для индекса вне диапазона NaN'

Ценю любую помощь.

Answer 1

вы используете firebase?если да, вы можете использовать forEach

componentDidMount(){
   this._convert();
  }

  _convert = () => {
   let ALL_DATA = this.state.data;
   let CONVERTED_DATA = [];

   ALL_DATA.forEach( (individu_Items) => {
   CONVERTED_DATA.push(individu_Items)
   }

    this.setState({flatlist_data: CONVERTED_DATA})
    }

Answer 2

Попробуйте использовать массив :

  const data = [
    {
       hours: "6", 
       type: "Welding",
       identifier: "-LYIaWAxkQA38DAbC3By",
       id: 1
    },
    {
       hours: "2", 
       type: "Hair Drying",
       identifier: "-LYIab-Ys9WkUNHE2cqL",
       id: 2
    }
  ]


  <FlatList 
    data=data
    renderItem={
    (item) => <Text>{item.type}</Text>
   }   
    keyExtractor={(item, index) => item.id.toString()}
  />