Javascript 呈现ListItem元素显示为空

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

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

我做错了什么

---

这不是另一个问题的重复，因为该问题的答案没有回答我的问题。

您需要返回ListItem

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

或更改括号

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

---

不幸的是，这两个问题都没有起到作用。这不是引用问题的重复。

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