Rumah  >  Soal Jawab  >  teks badan

Hantar data dari komponen ke fail Util

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粉163465905P粉163465905263 hari yang lalu430

membalas semua(1)saya akan balas

  • P粉274161593

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

    balas
    0
  • Batalbalas