我正在react Native中发育。
我有一个FlatList
呈现项目。我添加了 TouchableOpacity
,并想在该项目的按下调用功能,但是该功能没有被调用。
当我单击项目时,我会发现的错误找不到变量:_ONPRESS
我认为这是范围的问题。有人可以向我解释怎么了?
我猜一个次要问题是:我的 _onPress
console.log通过像我一样传递道具的项目名称?
export default class ModalScreen extends React.Component {
//..
_onPress = (item) => {
console.log('Clicked:' + item)
};
renderItem({ item }) {
return (
<TouchableOpacity onPress={() => this._onPress(item)}>
<View>
<Text>{item.name}</Text>
</View>
</TouchableOpacity>
)
}
render() {
return (
//..
<View style={{flex: 2, backgroundColor: '#FFF', flexDirection:'row'}} >
<FlatList
data={this.state.searchedItems}
renderItem={this.renderItem}
/>
</View>
//..
尝试更改此'renderItem({item}){'with this'RenderItem =({item})=> {