在flatlist教程之后，必须返回有效的反应元素或空元素

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

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

muithemeprovider.render((：必须返回有效的反应元素(或null(，并且react.js必须返回有效的反应元素(或null(

说的原因不是返回1个元素;

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

Answer 1

与这样的paranthess包装flatlist。

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