微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在本机反应中创建充满功能的帮助文件?

如何解决如何在本机反应中创建充满功能的帮助文件?

快速说明:您正在导入一个类,除非它们是静态属性,否则您不能调用类的属性。在此处阅读有关课程的更多信息:https://developer.mozilla.org/en- US/docs/Web/JavaScript/Reference/Classes

不过,有一个简单的方法可以做到这一点。如果您正在制作辅助函数,则应改为制作一个导出函数文件,如下所示:

export function HelloChandu() {

}

export function HelloTester() {

}

然后像这样导入它们:

import { HelloChandu } from './helpers'

或者…

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

解决方法

我是 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,这意味着我正在导入正确的路径,但不是任何其他路径。

请问这样做的正确方法是什么?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。