javascript 自定义反应挂钩 - 切换样品

Posted 2021-05-03

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript 自定义反应挂钩 - 切换样品相关的知识，希望对你有一定的参考价值。

import { useState } from "react";

function useToggle(initialVal = false) {
  const [state, setState] = useState(initialVal);
  const toggle = () => {
    setState(!state);
  };
  return [state, toggle];
}

export default useToggle;

import React, { useState } from "react";
import useToggle from "./hooks/useToggle";

const Toggler = () => {
  const [isHappy, toggleIsHappy] = useToggle(true);
  const [isHeartbroken, toggleIsHeartbroken] = useToggle(false);

  return (
    <div>
      <h1 onClick={toggleIsHappy}>{isHappy ? "

以上是关于javascript 自定义反应挂钩 - 切换样品的主要内容，如果未能解决你的问题，请参考以下文章

javascript 反应路由器挂钩

收到与反应挂钩 useHistory 相关的错误