自定义钩子是一个函数,用于在 React 组件之间共享逻辑。在该钩子中,可以编写代码来比较两个值,并返回一个布尔值来指示它们是否相等。 以下是一个示例,说明如何编写一个自定义钩子来比较两个值:
import { useState, useEffect } from 'react';
function useCompare(value1, value2) {
const [isEqual, setIsEqual] = useState(false);
useEffect(() => {
setIsEqual(value1 === value2);
}, [value1, value2]);
return isEqual;
}
然后我们可以使用这个自定义钩子来比较两个值,并根据返回值来执行某些操作。
function App() {
const value1 = 10;
const value2 = 10;
const isEqual = useCompare(value1, value2);
return (
{isEqual ? 'Values are equal' : 'Values are not equal'}
);
}
在上面的示例中,当 value1 和 value2 相等时,我们使用了自定义钩子来返回 true,并在UI中显示“Values are equal”。否则,它将返回 false,并在UI中显示“Values are not equal”。