How to convert string in parent to proptype.number for React child component?

Question

I am sending latitude and longitude :

<ListItem
   title="Endereço"
   rightTitle={location ? location : '-'}
   hideChevron
   onPress={() => this.props.navigation.navigate('Maps', {latitude: latitude, longitude: longitude})}
 />

This sends ok, but the child component is waiting for a proptype.number while my parent is sending a string type.

How do I convert my props latitude and longitude to numbers?

Answer 1

You can use the built in JavaScript Number() function. Assuming the code you are showing is the parent, just wrap the string values in Number() :

<ListItem
   title="Endereço"
   rightTitle={location ? location : '-'}
   hideChevron
   onPress={() => this.props.navigation.navigate('Maps', {latitude: Number(latitude), longitude: Number(longitude)})}
 />

There are other ways to do this also, but this method has the advantage of clearly communicating your intention.