必须按照 FlatList 教程返回有效的 React 元素或 null

Question

文档 https://facebook.github.io/react-native/docs/flatlist.html 说：

{item.key}} />

所以我做到了：

import React from 'react';
import { View, Text, ScrollView, FlatList } from 'react-native';
import styles from '../../Styles.js';

export default class MyMenu extends React.Component {
  render() {
    return 
      <FlatList
  data={[{key: 'a'}, {key: 'b'}]}
  renderItem={({item}) => <Text>{item.key}</Text>}
/>
  }
}

我在标题中遇到了这个错误。

和

说这不是 returning 1 元素的原因；

在我的代码中，我 return 文档指定的代码。

Answer 1

像这样用括号包裹 FlatList。

return (
  <FlatList
   data={[{key: 'a'}, {key: 'b'}]}
   renderItem={({item}) => <Text>{item.key}</Text>}
  />
)

必须按照 FlatList 教程返回有效的 React 元素或 null

A valid React element or null must be returned following FlatList Tutorial

react-native

react-native-flatlist