爲什麼我的函數是未定義的？

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>); 
}