1. ホーム
  2. reactjs

[解決済み] Reactのコンポーネント間で関数を共有するための正しい方法

2022-11-10 08:05:20

質問

私は、すべてが同じことを行う必要がある複数のコンポーネントを持っています。(その子コンポーネントをマッピングし、それぞれに何かを行う単純な関数)。現時点では、私はこのメソッドを各コンポーネントで定義しています。しかし、私はそれを一度だけ定義したいのです。

私はトップレベルのコンポーネントでそれを定義し、そしてそれをpropとして下に渡すことができました。しかし、それはあまり正しいとは思えません。propというより、ライブラリ関数です。(と思われます)。

どうするのが正解なのでしょうか?

どのように解決するのですか?

などを使用すると ブラウザ化 であれば、ユーティリティ関数をエクスポートする外部ファイル(util.js)を持つことができます。

var doSomething = function(num) {
 return num + 1;
}

exports.doSomething = doSomething;

その後、必要に応じて必要

var doSomething = require('./util.js').doSomething;