how to render JSON object in react-native

Question

in this page : https://api.exchangeratesapi.io/latest i can not render rates in text component , how to show rates in react native

async componentDidMount(){
  const coin = await Fetch.fetchCoins();
  this.setState({coin});
} 

{this.props.shop.map((item)=>{
  return( 
    <View key={item.base}>
      <Text>{item.date}</Text>
      <Text>{item.rates}</Text>
    </View>
  )
 })
}

Answer 1

Seeing as rates is an object, I would recommend adding a function approximately something like the following:

renderRates = (rates) => {
  let rows = [];
  Object.keys(rates).forEach(key => {
                                rows.push(<Text>{key + ' ' + rates[key]}</Text>)
                             });
  return rows;
}

and then replacing <Text>{item.rates}</Text> with {this.renderRates(this.coin.rates)}