Search code examples
reactjsreact-hookslodash

Lodash debounce+ useEffect function is not called


function test23, not called, but in itself useEffect program enters how to fix it?

https://codesandbox.io/s/competent-goldwasser-3i8775?file=/src/App.js

function test123() {
console.log('т12');
}

useEffect(() => {
_debounce(() => test123(), 1000);
});

Solution

  • You need to invoke the function returned by lodash debounce

    function test123() {
      console.log('т12');
    }
    
    useEffect(() => {
      _debounce(() => test123(), 1000)();
    });