添加CheckBox时出现无效Hook调用错误该如何解决？

下面是该报错的所有常见原因和对应修复方法：

• 未在函数组件顶层调用useState
useState作为React Hook只能在函数组件的最顶层调用，不允许放在组件外部、普通JS函数、条件判断、循环语句、事件回调函数等位置。你的状态声明代码const [isSelected, setSelection] = useState(false);必须放在对应渲染CheckBox的函数组件的最开头，参考正确写法：

import { useState } from 'react';
// 替换为你实际的CheckBox组件引入路径
import CheckBox from '@react-native-community/checkbox';

export default function 你的组件名() {
  // 组件顶层调用Hook，此处为正确位置
  const [isSelected, setSelection] = useState(false);

  return (
    <CheckBox
       value={isSelected}
       onValueChange={setSelection}
    />
  )
}

• 未正确引入useState
  检查你的组件代码开头有没有从react包中引入useState，漏写的话补上import { useState } from 'react';即可。
• 项目存在多份React副本
  如果是包管理工具依赖冲突导致同时安装了多个版本的React，也会触发该报错。你可以执行对应命令校验：
  • npm环境执行：npm ls react
  • yarn环境执行：yarn list react
    如果输出多个React版本，将多余版本删除，统一所有依赖使用的React版本即可解决。

内容的提问来源于stack exchange，提问作者doğan kısa