如何组合自定义钩子和选择器结果?

我有一个自定义钩子,也有一些选择器,需要根据两者的组合设置最终标志。我不能简单地编写一个结合了以下代码的函数,因为钩子或选择器都不能在react FC之外使用。


使像这样的整个块成为某个地方的单个可重用函数的最佳方法是什么?


// selector

    const { activeIntents, writeRole, intents, permalink } = useSelector(state => state.companyIntentsReducer);

// custom hook

    const { hasExtendedRoleForCompany } = useJwtRoles();

// func calling the custom hook

    const intentWrite = hasExtendedRoleForCompany("intent-manage-write", permalink);

// final result combines both

    const editMode = writeRole && intentWrite

自定义钩子可以使用选择器吗?


三国纷争
浏览 81回答 1
1回答

小怪兽爱吃肉

你应该写一个自定义钩子,比如:const useEditMode = () => {  const { activeIntents, writeRole, intents, permalink } = useSelector(    (state) => state.companyIntentsReducer  );  const { hasExtendedRoleForCompany } = useJwtRoles();  const intentWrite = hasExtendedRoleForCompany(    "intent-manage-write",    permalink  );  return { isEditMode: writeRole && intentWrite };};export default useEditMode;// Usage inside function componentconst { isEditMode } = useEditMode();
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript