javascript - 如何将React子组件的父字符串转换为proptype.number？

我正在发送latitude和longitude：

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

这样就可以了，但是当我的父母正在发送字符串类型时，子组件正在等待proptype.number。

如何将道具latitude和longitude转换为数字？

最佳答案

您可以使用内置的JavaScript Number()函数。假设您显示的代码是父代，只需将字符串值包装在Number()中：

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

还有其他方法可以做到这一点，但是这种方法的优点是可以清楚地传达您的意图。