“布尔”类型的无效道具“函数”

Question

我正在尝试将一个函数从我的一个 JavaScript 文件传递​​给一个组件。

<Button onPress={() => console.log(title)} />

我试图将函数分配给一个变量。我试图将函数放在组件文件中。不管我做什么，我都会收到同样的错误：

提供给 boolean 类型的无效属性 onPress TouchableOpacity，预期为function。

这是我的 Button 组件代码。

const Button = ({ onPress }) => {
const { buttonStyle,
buttonTextStyle } = styles;

return (
    <TouchableOpacity onPress{...onPress} style={buttonStyle}>
        <Text style={buttonTextStyle}>Click Me!!</Text>  
    </TouchableOpacity>
);

};

每次我没有将... 放在 onPress 函数中时，我都会收到此错误：

解析错误：意外令牌，应为...

我是 React Native 的新手，现在已经调试了一个小时。难倒我做错了什么。我不明白为什么代码认为该函数是布尔类型。作为参考，我使用的是 ESLint 和扩展名rally coding。

Answer 1

onPress 接受您在道具中传递的函数。只需引用解构的属性。此外，您在 onPress 属性中缺少 =。

<TouchableOpacity onPress={onPress} style={buttonStyle}>