Question

抱歉，我是React Native的新手。我有一个像这样的数组：

const movementCode = {
  '0': I18n.t('$reports_unknown'),
  '1': I18n.t('$reports_movements_inbed'),
  '2': I18n.t('$reports_movements_offbed'),
  '3': I18n.t('$reports_movements_inchair'), 
  ...
}

我想在我的React Native项目的几个组件中使用这个数组。而不是将此数组复制并粘贴到多个组件，如何创建文件以导出此数据并只导入和使用该数组？

谢谢你，对不起，如果这不是一个聪明的问题

Answer 1

使用export重用文件中的代码。

export default {
  '0': I18n.t('$reports_unknown'),
  '1': I18n.t('$reports_movements_inbed'),
  '2': I18n.t('$reports_movements_offbed'),
  '3': I18n.t('$reports_movements_inchair'), 
}

您可以在import

的任何javascript文件中使用它

import movementCodes from 'path/to/movementCodes.js'

Object.entries(movementCodes).forEach(([key, value]) => {
   console.log(`${key} ${value}`); 
})

如果只有单个函数/变量要导出，请使用default。

您可以导出多个这样的函数/变量。

// file1.js
export const month = "june"
export const year = 2018

现在您可以按如下方式导入它们：

import {month, year} from 'path/to/file1.js'

React Native：如何导出数据数组，以便可以在多个组件中使用？

1 个答案: