web-dev-qa-db-ja.com

反応ネイティブで関数を再利用する方法は？

react nativeの別のページからアクセス関数が必要です。

例：

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

Login.jsとregistration.jsの両方でその関数にアクセスする必要があります

react-nativereact-native-androidreact-native-ios
8
Saravana Kumar

現在のプロジェクトで使用している簡単な例を紹介します。

次の手順に従ってください。

1.datetimeHelper.jsなどのすべての共有関数ファイルを配置できる/ utilsフォルダーを作成します

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);
21
MattYao

アプリケーションルートにCommon.jsという名前のファイルを作成し、common.jsファイル内に次を追加します。

'use strict';

class Common {

    //here you can use your validation email code

}

module.exports = Common;

どこからでもこのクラスにアクセスできます。

0
Ankush Rishi

コメントに書いた最初の質問には、これを使用できます。

1つの関数をエクスポート

多くの関数をエクスポートしたい場合は、これを使用できます。

多くの関数をエクスポート

スタイル、フォント、色などの他のものにも同じテクニックを使用できます。

これらの質問は重複しているため、ここにリンクを追加します。

0
vaklinzi