Rumah > Soal Jawab > teks badan
Saya cuba memanggil data
从一个 React 组件传递到另一个组件,并努力理解如何将此 data
ke fail sasaran
Pada asasnya nak letak fungsi <input />
值从 component.js
传递到 Util.js
dalam fail.
Setakat ini saya telah mencuba perkara berikut dalam 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(){ }
Jadi untuk memanggilnya adakah saya perlu melakukan sesuatu seperti ini?
import {distance} from './component.js';
P粉2741615932024-02-22 16:29:54
Jangan cuba menukar pembolehubah daripada component.js
导入到 Utils.js
,您应该以相反的方式执行此操作:将 Util.js
函数导入 component.js
dan kemudian memanggilnya.
import { filterByDistance } from './Util.js'; const [distance, setDistance] = useState(); function handleChange(value){ setDistance(value.target.value); filterByDistance(value.target.value) } return { ... }
Kemudian terima nilai itu sebagai parameter:
export const filterByDistance = function(value){ console.log(value) }