在React-Native中导出自定义类或函数

时间:2017-02-20 10:32:42

标签: react-native ecmascript-6

如何在React-Native中导出和使用自定义类或函数?

我创建了一个名为" customdata.js "的文件,其中包含一个返回数组数据的函数。当我从该文件导入函数时,我无法检索返回的值。它只在控制台日志中返回[Function:function-name]

以下是我的代码:

customdata.js

export function clienList(){
  let clients = [
    'B3 Soweto',
    'Road Freight Provident Fund',
    'Ntumba Internal'
  ];
  return clients;
}

row.js

//import from customdata
import {clienList} from './customdata';

//ListView
const elems = ['something'];
const source = new ListView.DataSource({
                   rowHasChanged: (r1, r2) => r1 !== r2
                });

export default class Row extends React.Component{
  constructor(props){
    super(props);
    this.state = {
      dataSource: source.cloneWithRows(elems),
      pickerValue:'Sonke'
    };
  };
  render() {
    console.log(clienList);

我的控制台日志

02-20 12:21:30.853 2844 3730 I ReactNativeJS:[功能:clienList]

1 个答案:

答案 0 :(得分:3)

只需调用该功能即可。正如您在控制台日志中看到的那样,您正在导入该函数,以便函数返回一个您需要先调用它的值clienList()

import { clienList } from './customdata';
clienList(); // this will return the value
clienList // this will return the function