如何将我的React挂钩效果打包以供他人重复使用

Question

我想为React钩子创建几个开源的React效果。例如，检查和更新用户令牌余额的效果。

问题是：如何打包effect并创建一个模块，以便其他人使用它？他们将如何导入和使用效果？

有什么最佳实践吗？

Answer 1

您的钩子必须使用react提供的"低级"钩子构建。不过，提出一个可重用/通用的身份验证挂钩可能很有挑战性。

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
)
}