Übergeben Sie Daten von der Komponente an die Util-Datei
P粉163465905
P粉163465905 2024-02-21 20:21:59
0
1
458

Ich habe versucht, data 从一个 React 组件传递到另一个组件,并努力理解如何将此 data die Zieldatei aufzurufen

Grundsätzlich möchte ich die Funktion <input /> 值从 component.js 传递到 Util.js in die Datei einfügen.

Bisher habe ich Folgendes in component.js versucht:

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(){       
}

Muss ich also so etwas tun, um es so zu nennen?

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

P粉163465905
P粉163465905

Antworte allen(1)
P粉274161593

不要尝试将变量从 component.js 导入到 Utils.js,您应该以相反的方式执行此操作:将 Util.js 函数导入 component.js 然后调用它。

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

const [distance, setDistance] = useState();

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

return { ... }

然后接受该值作为参数:

export const filterByDistance = function(value){  
    console.log(value)     
}
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage