将带有参数的函数传递到React Native Typescript中的子组件
我试图将以下函数作为prop和字符串参数传递到子组件中:将带有参数的函数传递到React Native Typescript中的子组件,typescript,react-native,react-navigation,Typescript,React Native,React Navigation,我试图将以下函数作为prop和字符串参数传递到子组件中: navigateToDetailsPage(nasaId: string) { this.props.navigation.navigate('Details', { nasaId: nasaId }) } 我将函数和参数传入子组件,如下所示: <NasaImage onPress={this.navigateToDetailsPage(result.data[0].nasa_id)} ... />
navigateToDetailsPage(nasaId: string) {
this.props.navigation.navigate('Details', {
nasaId: nasaId
})
}
我将函数和参数传入子组件,如下所示:
<NasaImage
onPress={this.navigateToDetailsPage(result.data[0].nasa_id)}
...
/>
但是,我在父组件中遇到以下错误:
类型“void”不可分配给类型“()=>void”.ts(2322)
tsx(12,3):预期的类型来自属性“onPress”
错误在于:
<NasaImage
onPress={this.navigateToDetailsPage(result.data[0].nasa_id)}
...
/>
错误在于:
<NasaImage
onPress={this.navigateToDetailsPage(result.data[0].nasa_id)}
...
/>
<NasaImage
onPress={() => this.navigateToDetailsPage(result.data[0].nasa_id)}
...
/>