[解決済み] 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;
関連
-
[解決済み] configuration.module に未知のプロパティ 'loaders' があります。
-
[解決済み] React + TypeScript のエラーです。この呼び出しにマッチするオーバーロードがありません
-
[解決済み] react nativeで関数だらけのヘルパーファイルを作成する方法は?
-
[解決済み] React」は定義される前に使用されていた
-
[解決済み] React NativeとReactの違いは何ですか?
-
[解決済み] Reactコンポーネントに条件付きで属性を追加するにはどうすればよいですか?
-
[解決済み] Reactのstateとpropsの違いとは?
-
[解決済み] React / React Nativeでコンストラクタを使用する場合とgetInitialStateを使用する場合の違いとは何ですか?
-
[解決済み】 {this.props.children} に props を渡すには?}
-
[解決済み] ReactでEscキー押下を検出する方法とその対処法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Typescript react - モジュール ''react-materialize'' の宣言ファイルが見つかりませんでした。'path/to/module-name.js' は暗黙のうちに any 型を持ちます。
-
[解決済み】Warning.Itが表示されるのはなぜですか?Functions are not valid as a React child?
-
[解決済み] Apolloクライアントでログアウトした後、ストアをリセットする
-
[解決済み] error 'document' is not defined : eslint / React
-
[解決済み] ReactJS giving error Uncaught TypeError: Super expression は null か関数でなければならず、undefined ではありません。
-
[解決済み] useStateプロパティのフックにmap関数を使用する方法
-
[解決済み] jest: テストスイートの実行に失敗しました。予期しないトークンのインポート
-
[解決済み] react.jsでng-ifに相当するものは何ですか?
-
[解決済み] nextjsで異なる.envファイルを使用するには?
-
[解決済み] React」は定義される前に使用されていた