在 react native 中如何重用函数？答案

【问题标题】：In react native how to reuse functions?在 react native 中如何重用函数？
【发布时间】：2017-07-30 03:13:58
【问题描述】：

我需要在 react native 中从另一个页面访问函数。

例子：

validateEmail = (email) => {
// ---- Code ----
}

我需要在 login.js 和 registration.js 中访问该函数

【问题讨论】：

你可以在这里看到@Nader Dabit 的答案：enter link description here
这是工作@zakster 但是 1. 创建一个导出函数的文件： module.exports = function(variable) { console.log(variable);这里只能声明单个函数，如何声明多个函数？
这是一个简短而好的答案。 stackoverflow.com/a/38402100/2833640

标签： react-native react-native-android react-native-ios

【解决方案1】：

我创建了如下可重用的函数：

Helper.js 从“react-native”导入 { Platform, Dimensions };

function isIphoneWithNotch() {
    const dimen = Dimensions.get("window");
    return (
        Platform.OS === 'ios' &&
        !Platform.isPad &&
        !Platform.isTVOS &&
        (
            dimen.height === 780 ||
            dimen.width === 780 ||
            dimen.height === 812 ||
            dimen.width === 812 ||
            dimen.height === 844 ||
            dimen.width === 844 ||
            dimen.height === 896 ||
            dimen.width === 896 ||
            dimen.height === 926 ||
            dimen.width === 926)
    );
}

export { isIphoneWithNotch };

使用此功能：

import { isIphoneWithNotch } from "./Helper";

console.log(isIphoneWithNotch());

【讨论】：

【解决方案2】：

我可以给你一个我在当前项目中使用的简单示例。

您可以按照以下步骤操作：

1.创建一个 /utils 文件夹，您可以在其中放置所有共享函数文件，例如 datetimeHelper.js

const dateTimeHelper = {
  getFormattedDatetime: (datetime) => {
    return moment.utc(datetime).local().format('MMM Do, YYYY, h:mm a');
  }
}

export default datetimeHelper;

2.将文件导入到你需要的地方：

import datetimeHelper from './utils/datetimeHelper.js';

3 你可以调用函数：

datetimeHelper.getFormattedDatetime(MY_DATETIME);

【讨论】：

我使用此代码，但显示 undefined 不是对象（评估 _ApiHelper.ApiHelper.getdata）
嗨@AslamPatel，你能分享代码以便我帮你找出来吗？
谢谢，类似的方法utils 目录具有各种helpers，例如验证、处理日期等。好方法！
不应该是 import dateTimeHelper 而不是 import DateTimeHelper，反之亦然？

【解决方案3】：

对于我在 cmets 中写的第一个问题，您可以使用：

Export one function

如果你想导出很多函数，你可以使用这个：

Export many functions

您可以将相同的技术用于其他方面，例如样式、字体、颜色等。

这些问题是重复的，因此我在此处添加链接。

【讨论】：

【解决方案4】：

在应用程序根目录创建一个名为 Common.js 的文件，并在 common.js 文件中添加：

'use strict';

class Common {

    //here you can use your validation email code

}

module.exports = Common;

现在可以随时随地访问该课程。

【讨论】：

如何访问 Common.js @Ankush Rishi 中的函数