自定义Hook

自定义Hook

类似于Vue3的组合式函数,可以用于存储可以重复使用的方法

import { useState } from "react";

// 注意命名,用use开头小驼峰命名,不然会报错
function useToggle(){
  const [show, setShow]=useState(true);
  const toggle=()=>{
    setShow(!show);
  };
  return {show, toggle}
}

function App() {

  const {show, toggle}=useToggle();

  return (
    <div>
      <button onClick={toggle}>测试按钮</button>
      {show && <div>Test content</div>}
    </div>
  );
}

export default App;