React 类组件报错:Parsing error: '>' expected.eslint 找不到名称“div”。ts(2304)?

作者站长头像
站长
· 阅读数 11

在编写一个类组件的时候:

import React from 'react'


export default class GroupComp extends React.Component {
...

  render() {
    return (
      <div className="collapsable-app">
        <div className="app-content" ref={this.refContainer} />
      </div>
    )
  }
}

有2个报错:1、

Parsing error: '>' expected.eslint
找不到名称“div”。ts(2304)
type div = /*unresolved*/ any

2、

应为“>”。ts(1005)
找不到名称“className”。ts(2304)
any

请问为何会报错呢?使用函数式组件定义不会。

===

我已经安装了:

pnpm install @types/react @types/react-dom --save-dev
回复
1个回答
avatar
test
2024-09-07

因为你的文件后缀是ts 不是tsx

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容