Transmettre les données du composant au fichier Util

Question

J'ai essayé d'appeler data 从一个 React 组件传递到另一个组件，并努力理解如何将此 data au fichier cible

En gros, je veux mettre la fonction <input /> 值从 component.js 传递到 Util.js dans le fichier.

Jusqu'à présent, j'ai essayé ce qui suit dans component.js : 

const [distance, setDistance] = useState();

function handleChange(value){
    setDistance(value.target.value);
}

return {
    <input className="input" name="distance" type={`number`} onChange={handleChange} />
}

Util.js

export const filterByDistance = function(){       
}

Alors pour l'appeler, dois-je faire quelque chose comme ça ?

import {distance} from './component.js';

Answer 1

N'essayez pas de modifier une variable de component.js 导入到 Utils.js，您应该以相反的方式执行此操作：将 Util.js 函数导入 component.js puis de l'appeler.

import { filterByDistance } from './Util.js';

const [distance, setDistance] = useState();

function handleChange(value){
    setDistance(value.target.value);
    filterByDistance(value.target.value)
}

return { ... }

Ensuite, acceptez cette valeur comme paramètre :

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