Как исправить «Инвариантные Объекты не действительны как ответные Дочерние»

Question

Это ошибка, которую я получил, нужна помощь, как это исправить .. спасибо заранее ^^

_renderCategoryLists = async () => {
  const { categoryLists } = this.state
  categoryLists.map((category, index) => {
    return (
      <View key={index}>
        <Text>{category.category_id}</Text>
        <Text>{category.name}</Text>
        <Text>{category.image}</Text>
        <Text>{category.status}</Text>
      </View>
    )
  })
}

этомой код, и я возвращаю функцию в представление

<View style={styles.panelKategori}> {this._renderCategoryLists()} </View>

Answer 1

Проблема в том, что _renderCategoryLists ничего не возвращает.Оператор возврата, который у вас есть, предназначен для лямбды, которую вы передаете map.

Если вы добавите инструкцию возврата в вашу функцию, все будет в порядке:

return categoryLists.map((category, index) => {
  ....
})

Answer 2

_renderCategoryLists = async () => {
const { categoryLists } = this.state
categoryLists.map((category, index) => {
  return (
    <View key={index}>
      <Text>{category.category_id}</Text>
      <Text>{category.name}</Text>
      <Text>{category.image}</Text>
      <Text>{category.status}</Text>
    </View>
  )
})

}