javascript - Touchable Opacity onPress 无法调用函数 - 范围问题？

Question

我正在使用 React Native 进行开发。

我有一个渲染项目的FlatList。我添加了 TouchableOpacity 并希望在按下该项目时调用一个函数，但该函数并未被调用。

当我点击该项目时，出现错误找不到变量:_onPress

我认为这是范围界定的问题。有人可以向我解释一下出了什么问题吗？

我想第二个问题是:我的 _onPress console.log 会像我一样通过传递 prop 来记录项目名称吗？

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>

    //..

Answer 1

尝试使用 'renderItem = ({ item }) => {

更改此 'renderItem({ item }) {'