2017-02-20 8 views
0

Как экспортировать и использовать свой собственный класс или функцию в React-Native?Экспорт пользовательского класса или функции в React-Native

Я создал файл с именем «customdata.js», который содержит функцию, которая возвращает данные массива. Когда я импортирую функцию из этого файла, я не могу получить возвращаемое значение. он возвращает только [Функция: имя-функции] в журнале консоли

Вот мой код ниже:

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

ты самый лучший !! Большое спасибо, хочу, чтобы я смог поддержать этот ответ: D – Sonke

ответ

2

Просто позвоните эту функцию. Как вы можете видеть в консоли журнала вы импортируете функцию, для того, чтобы функции, чтобы вернуть вам значение, вы должны назвать его первым clienList():

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

Спасибо большое, сэр! : D – Sonke

+0

взгляните на http://exploringjs.com/es6/ch_classes.html, чтобы узнать больше о классах – knowbody

+0

Спасибо, теперь понятно – Sonke