Question

我正在使用react-native并尝试从react-native-elements库中呈现ListItem元素。我有以下代码：

//10.52.9.79

当我在模拟器中渲染此图像时，什么都没有渲染，屏幕为空白，也没有错误消息。

   if(cursor.moveToFirst()){
        do {
            String name = cursor.getString(nameIndex);
            String age = cursor.getString(ageIndex );

        }while (result.moveToNext());
    }

阵列上的

Console.log在控制台中显示以下内容：

renderLocationAndTrainList() {
    console.log('renderLocationAndTrainList');
    console.log(this.props.outboundTrains);
    return this.props.outboundTrains.map((train, idx) => {
      <ListItem 
        key={idx}
        title={train.station}
      />
    })
  }

  render() {
    return (
      <View>
        {this.renderLocationAndTrainList()}
      </View>
    )
  }
}

我在做什么错了？

这不是这里另一个问题的重复，因为该问题的答案并未解决我的问题。

Answer 1

您需要返回ListItem

componentWillrecieveprops

或更改括号

return this.props.outboundTrains.map((train, idx) => {
  return <ListItem 
    key={idx}
    title={train.station}
  />
})

渲染ListItem元素显示为空白

1 个答案: