必须在FlatList Tutorial之后返回有效的React元素或null

时间:2018-02-14 03:50:21

标签: react-native react-native-flatlist

文档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(): A valid React element (or null) must be returnedReact.js A valid React element (or null) must be returned

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

在我的代码中,我返回文档指定的那个。

1 个答案:

答案 0 :(得分:1)

用这样的parantheses包装FlatList。

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