尽管存在类似的问题,但我无法创建具有多个功能的文件。
我是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,这意味着我正在导入正确的路径,但没有其他任何路径。
请问正确的方法是什么?
快速说明:您正在导入一个类,除非它们是静态属性,否则您不能在该类上调用属性。在此处阅读有关类的更多信息: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
import functions from './helpers'
functions.HelloChandu