自定义反应钩子不是使用 useState 的 function？

Question

我有这个自定义钩子

const useShowBg = () => {
  const [showBg, useShowBg] = useState(false);

  return [showBg, useShowBg];
};

export default useShowBg;

我将它导入一个组件并像这样使用它

import myHook from './myHook';

const App = () => {
    const [showBg, useShowBg] = myHook

    return (
      <div>
      <button onClick={() => useShowBg(true)}>show</button>
        {showBg && <p>
          Start editing to see some magic happen :)
        </p>}
      </div>
    );

}

当我单击触发 function 时，出现useShowBg is not a function错误？ 有什么问题吗？

演示https://stackblitz.com/edit/react-qomaiu?file=index.js

Answer 1

你忘了调用你的钩子

const [showBg, useShowBg] = myHook()