为什么我的函数是未定义的？

Question

TaskQueue: Error with task : undefined is not a function (evaluating 'this._renderReplies(replyCount)')

我在上面得到这个错误。

_renderReplies = (replyCount) => { 
    return (<Text>`View ${replyCount} replies`</Text>); 
} 

_renderItem(row) { 
      ... 
     <View>{this._renderReplies(replyCount)}</View> <- Getting an error here 
     </View> 
    ) 
    } 

为什么我收到未定义功能错误????太奇怪了。

Answer 1

this关键字你应该结合你的_renderItem功能的class;

要么使用arrow功能（像你_renderReplies没有），它会自动将其绑定

_renderItem = (row) => { 
      ... 
     <View>{this._renderReplies(replyCount)}</View> <- Getting an error here 
     </View> 
    ) 
    } 

或结合在constructor：

constructor(props){ 
    super(props); 
    this._renderItem = this._renderItem.bind(this); 
} 
_renderItem(row) { 
      ... 
     <View>{this._renderReplies(replyCount)}</View> <- Getting an error here 
     </View> 
    ) 
    } 

Answer 2

尽量不要使用，当你调用_renderReplies（）

Answer 3

_renderItem没有访问这个。您可以使用箭头函数或将其绑定到构造函数中。箭头功能始终可以访问此功能。

箭功能的方法：

_renderItem = (row) => { 
      ... 
     <View>{this._renderReplies(replyCount)}</View> <- Getting an error here 
     </View> 
    ) 
} 

_renderReplies = (replyCount) => { 
    return (<Text>`View ${replyCount} replies`</Text>); 
} 

绑定方法：

constructor(props) { 
    this._renderItem = this._renderItem.bind(this) 
    this._renderReplies = this._renderReplies.bind(this) 
} 

_renderItem(row) { 
      ... 
     <View>{this._renderReplies(replyCount)}</View> <- Getting an error here 
     </View> 
    ) 
} 

_renderReplies(replyCount) { 
    return (<Text>`View ${replyCount} replies`</Text>); 
}