javascript - 如何打包我的 React hook 效果供其他人重复使用？

Question

我想为 react Hook 创建几个开源 react 效果。例如，检查和更新用户代币余额的效果。

问题是:如何将effect打包，创建模块，方便别人使用？他们将如何导入和使用效果？

有什么最佳实践吗？

Answer 1

您的钩子(Hook)必须使用“低级别”构建 hooks provided by react .不过，提出可重用/通用身份验证 Hook 可能具有挑战性。

import {useState, useEffect} from 'react'
const useAuthentication = () => {
  const [user] = useState({}) // maybe shape of user.name, user.avatar, user.email ?
  useEffect(() => {
    // whatever
  })
  ...
  const login = ...
  const logout = ...
  return [user, login, logout]
}
export default useAuthentication


// a user of this hook
import useAuthentication from 'my-published-authentication-hook'
const Header = () => {
  [user, login, logout] = useAuthentication()
  return (
    // whatever login/logout button, user name, etc
  )
}