search

Cocktail-Masters / Banana-Vote-FE

https://bvote.co.kr
4 stars 3 forks source link

onBlur onFocus bubbling refactor #146

Closed jsc7727 closed 1 year ago

jsc7727 commented 1 year ago

onBlur onFocus bubbling refactor

const [isFocus, setIsFocus] = useState(false);

  const handleInputFocusCss = () => {
    return isFocus
      ? "bg-white outline outline-2 outline-terriary-mint dark:bg-[#f0f2f5]"
      : "";
  };

<div className={`... ${handleInputFocusCss()}`}
    onFocus={() => {
      setIsFocus(true);
    }}
    onBlur={() => {
      setIsFocus(false);
    }}
  >
</div>