react hook cannot be called at the top level
    React中的Hook是React16.8版本引入的新特性，它使得我们在函数组件中也能使用状态和其他React特性。不过，我们需要遵循一些规则才能正确地使用它们。
    在使用Hook的过程中，常常会遇到一个错误提示：“React Hook cannot be called at the top level”，这是由于Hook必须在React函数组件内部调用，而不能在顶层或普通函数中调用。
    这个错误提示通常会出现在以下几种情况下：
    1. Hook被放在了条件语句或循环语句中，导致Hook被在函数组件外部调用。
    2. Hook被放在了React函数组件外部，如在函数式模块之外或在类组件中使用。
    3. Hook在条件语句或循环语句中存在嵌套或多层嵌套。
    为了避免这种错误，我们需要确保以下几点：
    1. 保证Hook在函数组件内部调用，不要在条件语句或循环语句中进行调用。
    2. 不要在普通函数中调用Hook。
    3. 只在React函数组件中调用Hook，不要在类组件中使用。
    4. 避免在Hook调用中出现多层嵌套。reacthooks理解
    最后，我们需要明确一点：使用Hook可以让我们更方便地管理组件状态和响应事件，但需要合理地使用，遵循React官方文档中的建议和规范，以避免出现各种问题和错误。