React Native - перебрать массив значений ключа

Question

Как мне перебрать этот массив и отобразить ключ ("ETH_SAN", "ETH_LINK") на компоненты?

{
  ETH_SAN: 
   { last: '0.000981',
     high: '0.0010763',
     low: '0.0009777',
     lowestAsk: '0.00098151',
     highestBid: '0.0007853',
     percentChange: '-1.83619353',
     baseVolume: '7.3922603247161',
     quoteVolume: '7462.998433' },
  ETH_LINK: 
   { last: '0.001',
     high: '0.0014',
     low: '0.001',
     lowestAsk: '0.002',
     highestBid: '0.001',
     percentChange: '-28.57142857',
     baseVolume: '13.651606265667369466',
     quoteVolume: '9765.891979953083752189' }
  // all possible markets follow ...
}

Так что это распечатывает это:

<Text>ETH_SAN</Text>
<Text>ETH_LINK</Text>

Answer 1

Используйте это ниже

 const data = {
      ETH_SAN: 
       { last: '0.000981',
         high: '0.0010763',
         low: '0.0009777',
         lowestAsk: '0.00098151',
         highestBid: '0.0007853',
         percentChange: '-1.83619353',
         baseVolume: '7.3922603247161',
         quoteVolume: '7462.998433' },
      ETH_LINK: 
       { last: '0.001',
         high: '0.0014',
         low: '0.001',
         lowestAsk: '0.002',
         highestBid: '0.001',
         percentChange: '-28.57142857',
         baseVolume: '13.651606265667369466',
         quoteVolume: '9765.891979953083752189' }
      // all possible markets follow ...
    }

//Step 1:    
    for(key in data){
       <Text>{key}</Text>
    }
    or
//Step 2:
   Object.keys(myObj).forEach(function (key) {
    let obj = myObj[key];
     <Text>{key}</Text>
    // do something with obj
  });

https://esdiscuss.org/topic/es6-iteration-over-object-values

Answer 2

Вы можете использовать Object.keys()

const obj = {
  ETH_SAN: 
   { last: '0.000981',
     high: '0.0010763',
     low: '0.0009777',
     lowestAsk: '0.00098151',
     highestBid: '0.0007853',
     percentChange: '-1.83619353',
     baseVolume: '7.3922603247161',
     quoteVolume: '7462.998433' },
  ETH_LINK: 
   { last: '0.001',
     high: '0.0014',
     low: '0.001',
     lowestAsk: '0.002',
     highestBid: '0.001',
     percentChange: '-28.57142857',
     baseVolume: '13.651606265667369466',
     quoteVolume: '9765.891979953083752189' }
  // all possible markets follow ...
}

const keys = Object.keys(obj);

console.log(keys);

// add following line in your render() method
//Object.keys(obj).map(key => <Text>{key}</Text>)