コンポーネントからユーティリティ ファイルにデータを渡す

Question

ある React コンポーネントから別のコンポーネントに data を渡そうとしており、この data をターゲット ファイルに呼び出す方法を理解しようとしています

基本的には、component.js の <input /> 値を Util.js ファイル内の関数に渡します。

これまでのところ、component.js で次のことを試しました:

リーリー

Util.js

リーリー

それでは、それを呼び出すには次のようなことをする必要がありますか?

ああああ

Answer 1

変数を component.js から Utils.js にインポートしようとせず、その逆、つまり Util.js## にインポートする必要があります。 # 関数 component.js をインポートして呼び出します。

import { filterByDistance } から './Util.js'; const [距離, setDistance] = useState(); 関数ハンドル変更(値){ setDistance(値.ターゲット.値); filterByDistance(値.ターゲット.値) } 戻る { ... }＃＃＃

次に、値をパラメータとして受け入れます: 

export const filterByDistance = function(value){ console.log(値) }