React类组件报错：Cannot read properties of undefined (reading 'state')

可能原因及解决方案 #

1. 组件调用方式错误 #

这是最常见的问题：你可能把类组件当成普通函数直接调用，而非用JSX标签实例化。比如在父组件里写了：

{Tovar()}

正确的写法应该是：

<Tovar />

类组件必须通过JSX标签创建实例，直接调用函数会导致构造函数无法正常执行，this也不会绑定到组件实例，自然访问不到this.state。

2. 无需额外安装ES5支持包 #

Create React App（CRA）默认通过Babel配置了完整的ES6+语法转译，类组件的写法完全被支持，不需要额外安装任何ES5相关npm包，你的这个怀疑不成立。

3. 可选：确保render方法的this绑定 #

虽然React会自动处理类组件render方法的this绑定，但如果遇到特殊场景，可以把render改成箭头函数强制绑定this：

import React from "react";

export default class Tovar extends React.Component{
    constructor(props){
        super(props)
        this.state={
            a:true
        }
    }
    // 改为箭头函数
    render = () => { 
        return (
            <>
            {this.state.a}
            </>
        )     
    }
}

4. 检查导入导出匹配性 #

你的代码中导入了Tovars但未使用，确保父组件中导入的名称和组件导出的Tovar一致：

import Tovar from './Tovar'

内容的提问来源于stack exchange，提问作者Леха Романович