React Native: Как получить данные из JSON с разными ключами и отобразить их? - PullRequest
Новая
       5

React Native: Как получить данные из JSON с разными ключами и отобразить их?

0 голосов
/ 08 марта 2020

Я новичок в реакции-нативный и JavaScript. У меня есть JSON, который выглядит так: 

{"AB1281":{"id":"AB1281","score":90,"status":"SUCCESS"},
"CA9412":{"id":"CA9412","score":40,"status":"FAILED"},
"GG1921":{"id":"GG1921","score":80,"status":"SUCCESS"}}

Предположим, я получаю JSON из этого кода: 

  componentDidMount() {
    return fetch(url)
    .then((response) => response.json())
    .then((responseJson) => {
      this.setState({
        isLoading: false,
        dataSource: responseJson,
      })
    })
    .catch((error) => {
      console.log(error)
    });
  };

Как видите, все ключи различны и различны («AB1281», «CA9412», «GG1921»). как я могу проанализировать эти данные и отобразить их в виде списка?

1 Ответ

0 голосов
/ 08 марта 2020

Если вы хотите использовать FlatList, у вас должен быть массив. Здесь у вас есть объект с тремя свойствами. Или вы можете использовать ScrollView для l oop через свойства вашего объекта: 

<ScrollView>
  {Object.keys(dataSource).map((key, index) => (
    <Text>{data[key].id}</Text>
  ))}
</ScrollView>

Как реагирует native do c говорит, что если ваш список будет длинным, лучше использовать FlatList. см это .

...