ReferenceError: "data" is not defined

Question

我正在使用 React Native。此错误消息仅在 Web 浏览器模式 (Expo) 上显示。它在移动 (iOS) 模式下运行良好

我正在尝试从文件中导入数据 (import films from '../Helpers/filmsData.js')

我在我的 flatlist 中调用它:

<FlatList
          data= { films } 
          keyExtractor={(item) => item.id.toString()}
          renderItem={({item}) => <Text>{item.title}</Text>}
        />

这是我的数据：

// Helpers/filmsData.js

export default data = [
   {
      id:181808,
      vote_average:7.2,
      title:"Star Wars VIII - Les derniers Jedi",
      poster_path:"",
      original_title:"Star Wars: The Last Jedi",
      overview:"Nouvel épisode de la saga. Les héros du Réveil de la force rejoignent les figures légendaires de la galaxie dans une aventure épique qui révèle des secrets ancestraux sur la Force et entraîne de choquantes révélations sur le passé…",
      release_date:"2017-12-13"
   },
   {
      id:181809,
      vote_average:8.1,
      title:"La Guerre des étoiles",
      poster_path:"",
      original_title:"Star Wars",
      overview:"Il y a bien longtemps, dans une galaxie très lointaine... La guerre civile fait rage entre l'Empire galactique et l'Alliance rebelle. Capturée par les troupes de choc de l'Empereur menées par le sombre et impitoyable Dark Vador, la princesse Leia Organa dissimule les plans de l’Étoile Noire, une station spatiale invulnérable, à son droïde R2-D2 avec pour mission de les remettre au Jedi Obi-Wan Kenobi. Accompagné de son fidèle compagnon, le droïde de protocole C-3PO, R2-D2 s'échoue sur la planète Tatooine et termine sa quête chez le jeune Luke Skywalker. Rêvant de devenir pilote mais confiné aux travaux de la ferme, ce dernier se lance à la recherche de ce mystérieux Obi-Wan Kenobi, devenu ermite au cœur des montagnes désertiques de Tatooine...",
      release_date:"1977-05-25"
   }
]

我调用数据列表的组件的完整代码：

// Components/Search.js

import React from 'react'
import { StyleSheet, View, TextInput, Button, Text,FlatList } from 'react-native'
import films from '../Helpers/filmsData'


class Search extends React.Component {
  render() {
    return (
      <View style={styles.main_container}>
        <TextInput style={styles.textinput} placeholder='Titre du film'/>
        <Button title='Rechercher' onPress={() => {}}/>
      </View>
    )
  }

  
  render() {
    return (
      <View style={styles.main_container}>
        <TextInput style={styles.textinput} placeholder='Titre du film'/>
        <Button title='Rechercher' onPress={() => {}}/>
        <FlatList
          data= { films } 
          keyExtractor={(item) => item.id.toString()}
          renderItem={({item}) => <Text>{item.title}</Text>}
        />
      </View>
    )
}
}

const styles = StyleSheet.create({
  main_container: {
    flex: 1,
    marginTop: 20
  },
  textinput: {
    marginLeft: 5,
    marginRight: 5,
    height: 50,
    borderColor: '#000000',
    borderWidth: 1,
    paddingLeft: 5
  }
})

export default Search

Answer 1

// this is incorrect export syntax
export default data = [
  ...
]

正确的导出语法是

export default [

]

https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export

ReferenceError: "data" is not defined

ReferenceError: "data" is not defined

react-native

react-native-flatlist