如何在React Native中创建功能齐全的助手文件？

Question

尽管存在类似的问题，但我无法创建具有多个功能的文件。

我是React Native的新手。

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

到目前为止，我一直在做的事情可能看起来很愚蠢，但我知道您会要求这样做的，所以在这里。

我尝试创建一个类名Chandu并像这样导出它

'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/zh-
CN/docs/Web/JavaScript/Reference/Classes

不过，有一种简单的方法可以做到这一点。如果要创建辅助函数，则应制作一个导出函数的文件，如下所示：

export function HelloChandu() {

}

export function HelloTester() {

}

然后像这样导入它们：

import { HelloChandu } from './helpers'

要么…

import functions from './helpers' 然后 functions.HelloChandu