虽然有一个类似的问题,但我无法创建具有多个函数的文件.不确定这种方法是否已经过时,因为RN的发展非常快.How to create global helper function in 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);

唯一有效的是第一台控制台.日志(log),这意味着我正在导入正确的路径,但没有导入任何其他路径.

请问正确的方法是什么?

推荐答案

快速提示:在导入类时,不能调用类的属性,除非它们是静态属性.阅读更多关于课程的信息: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'

Reactjs相关问答推荐

为什么我的功能React组件中的setInterval只更改一次值?

react应用程序中的字体不适用于.scss扩展名

更新数据时有关CQR和更新UI的问题

有没有办法在Shopify中显示自定义计算的交货日期?

GoLang有条件地为.js.gz提供服务(如果它存在),否则为.js

在数组对象内的数组上进行映射

状态更改时的rtk查询触发器

UseEffect 似乎不适用于页面的首次渲染

在 React 中使用forwardRef时无法声明自定义属性

如何优化 React 应用程序的性能?

Spring Boot + React + MySQL应用的架构层面有哪些?

如何在 Next Js 13 App Router 中添加 Favicon 图标?

虽然通过了身份认证,但并没有导航到请求的页面

我正在try 将一组加载程序函数发送到我的路由,它抛出一个错误 Handler is not a funtion in a reactJs application

Material UI v5.11 - Prop sx 在响应式中写了两次

为什么 setState 在 React 中不是异步的?

在 React 中将路径与查询变量匹配

页面加载时不显示数组中的数据

react 测试显示错误的结果

将 Material UI 菜单渲染为