如何在react原生中创建充满功能的帮助器文件？

Question

我是新来的本地人。

我想要做的是创建一个包含许多可重用函数的js文件，然后将其导入到组件中，并从组件中调用它。

我到目前为止所做的可能看起来很愚蠢，但我知道你会要求的，所以他们在这里。

'use strict';
import React, { Component } from 'react';
import {
  AppRegistry,
  Text,
  TextInput,
  View
} from 'react-native';


export default class Chandu extends Component {

  constructor(props){
    super(props);
    this.papoy = {
      a : 'aaa'
    },
    this.helloBandu = function(){
      console.log('Hello Bandu');
    },
  }

  helloChandu(){
    console.log('Hello Chandu');
  }
}

import Chandu from './chandu';

console.log(Chandu);
console.log(Chandu.helloChandu);
console.log(Chandu.helloBandu);
console.log(Chandu.papoy);

唯一有效的是第一个console.log，这意味着我导入了正确的路径，而不是其他路径。

请问做这件事的正确方法是什么？

Answer 1

快速注意：您正在导入一个类，您不能调用一个类的属性，除非它们是静态属性。有关类的更多信息请参见：https://developer.mozilla.org/en-美国/docs/web/javascript/reference/classes

不过，有一个简单的方法可以做到这一点。如果您正在创建帮助器函数，则应该创建一个导出函数的文件，如下所示：

export function HelloChandu() {

}

export function HelloTester() {

}

然后像这样导入它们：