I'm trying to pass data from one React component to another and trying to understand how to call this data to the target file
Basically you want to pass the <input /> value from component.js to a function in the Util.js file.
So far I have tried the following in 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(){
}
So to call it do I need to do something like this?
import {distance} from './component.js'; 
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Don't try to import variables from
component.jsintoUtils.js, you should do it the other way around: into theUtil.jsfunction Importcomponent.jsand call it.import { filterByDistance } from './Util.js'; const [distance, setDistance] = useState(); function handleChange(value){ setDistance(value.target.value); filterByDistance(value.target.value) } return { ... }Then accept the value as parameter:
export const filterByDistance = function(value){ console.log(value) }