这是我想使用我的钩子的地方,以便我可以在应用程序运行期间更改一种状态。
export const simpleFunction = () => (state) => {
// here is the hook
}
我知道反应钩子应该用在功能组件中,但是上面提到的情况又如何呢?
是的你可以!这些函数称为自定义挂钩。但需要在功能组件内部使用这些自定义挂钩。所以从技术上讲,它现在是一个在 React 组件之外使用钩子的函数,但它们仍然需要稍后绑定到组件。
构建您自己的 Hooks 可让您将组件逻辑提取到可重用的功能.
Docs: https://reactjs.org/docs/hooks-custom.html
文档中的示例
import { useState, useEffect } from 'react';
function useFriendStatus(friendID) {
const [isOnline, setIsOnline] = useState(null);
useEffect(() => {
function handleStatusChange(status) {
setIsOnline(status.isOnline);
}
ChatAPI.subscribeToFriendStatus(friendID, handleStatusChange);
return () => {
ChatAPI.unsubscribeFromFriendStatus(friendID, handleStatusChange);
};
});
return isOnline;
}
因为你的描述太短了,我不知道这是否是你要找的。希望我能帮忙:)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)