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

Question

我发送了latitude和longitude：

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

这发送正常，但是当我的父发送字符串类型时，子组件正在等待proptype.number。

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

Answer 1

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

中

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

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