开发笔记:ReactNative回调函数/方法不起作用

我阅读了几个教程，但我不明白为什么传递回调函数和回调方法都不起作用。

当我在console.log中时，回调函数是未定义的。

请帮忙。

import React, { Component } from 'react';
import { FlatList } from 'react-native';
import { RecipeCard } from '../RecipeCard/RecipeCard';
import recipeData from '../../config/SampleDataRecipeList.json';
class RecipeList extends Component {
constructor(props) {
super(props);
this.handlePress = this.handlePress.bind(this);
}
state = {};
handlePress() {
console.log('Handle Press');
}
handleClick = () => {
console.log('Handle Click');
};
renderItem({ item }) {
return (
title={item.title}
persOns={item.persons}
time={item.time}
uri={item.uri}
OnPress={this.handlePress}
/>
);
}
render() {
return (
data={recipeData}
renderItem={this.renderItem}
keyExtractor={(item, index) => index.toString()}
/>
);
}
}
export { RecipeList };