如何移动useSelector以分离文件并从中导入

Question

我有一个组件，例如：

function MyComponent() {
const tests = useSelector(state => state.waterfall.tests)
return <div>{value}</div> 
}

我想将use选择器移到一个单独的文件中。问题-如果我将useSelector作为const移动到文件中export const testsValue = () => { useSelector(state => state.waterfall.tests) }并将其导入组件中-它会起作用吗？或者我会有问题/副作用，因为挂钩必须在顶层定义？

Answer 1

您要做的是在React中称为自定义挂钩

有一些关于使用自定义挂钩的建议：

• 仅在react组件或其他自定义钩子中调用自定义钩子
• 不要有条件地称之为
• 钩子名称应该以"开头；使用">

否则它应该可以正常工作。