react中引用lodash不起作用

Question

代码如下：

import React, { useState, useEffect } from 'react';
import { Button } from 'antd';
import debounce from 'lodash/debounce';

function App() {
  const clg = () => {
    console.log('输出一次')
  }

  const onClick = () => {
    debounce(clg, 300)
  }
  return (
    <div className="App">
      <header className="App-header">
        <Button onClick={onClick}>按钮点击</Button>
      </header>
    </div>
  );
}

我写了个小demo。这个debounce防抖没起作用，没有执行clg方法是为什么

Answer 1

const onClick = debounce(clg, 300)