React Native CheckBox报错：'this.state.isChecked'未定义问题排查

DevOps 小满

2026-5-11

解决"Unidentified is not an object (evaluating 'this.state.isChecked')"错误

嘿，这个问题很常见——你把函数组件和类组件的状态管理逻辑搞混啦！

你已经导入了React的useState Hook，这是函数组件用来管理状态的正确方式，但你的代码里却用了只有类组件才有的this.state和this.setState。在函数组件里根本不存在this对象，所以才会触发这个"Unidentified is not an object"的错误。

下面是修正后的代码，我帮你调整了状态管理的部分：

import React, { useState } from 'react';
import { Text, View, Image } from 'react-native';
import CheckBox from 'react-native-check-box';
import defaultStyles from "../../config/styles";

function AuthorizeInput () {
  // 用useState声明状态变量和更新函数，初始值设为未勾选状态
  const [isChecked, setIsChecked] = useState(false);

  return (
    <View style={defaultStyles.authorize}>
      <CheckBox
        style={{flex: 1, padding: 10}}
        // 用useState提供的更新函数翻转勾选状态
        onClick={()=>{
          setIsChecked(!isChecked);
        }}
        // 直接使用声明好的isChecked状态变量
        isChecked={isChecked}
      />
      <Text style={defaultStyles.authText}>I am an authorized representative of this business.</Text>
    </View>
  );
}

export default AuthorizeInput;

简单拆解下关键改动：

在AuthorizeInput函数内部，用useState(false)创建了isChecked状态变量和对应的更新函数setIsChecked，初始状态设为未勾选（false）
把onClick回调里的this.setState替换成setIsChecked(!isChecked)，直接翻转当前的勾选状态
把CheckBox组件的isChecked属性值从this.state.isChecked改成我们声明的isChecked变量