React Native Pressable组件错误-onPress不是一个函数

Question

我正试图将一个函数传递给我的Pressable组件：

const Component = (navigateTo) => {
return (
<View style={styles.container}>
<Pressable onPress={navigateTo}>

我正在传递函数：

const navigateToMyCoverScreen = () => {
const screenToNavigate =
userType === "Lite" ? AppRoutes.one.Name : AppRoutes.two.Name;
navigate(screenToNavigate);
};
<Component navigateTo={navigateToMyCoverScreen} />

Answer 1

忘记包装"导航到"；像这个一样的卷曲支架

const Component = ({navigateTo}) => {
return (
<View style={styles.container}>
<Pressable onPress={navigateTo}>

或者，如果你不想使用花括号，可以使用这样的道具：

const Component = (props) => {
return (
<View style={styles.container}>
<Pressable onPress={props.navigateTo}>