javascript - “状态”未定义 no-undef

Question

我使用教程来学习 React，但很快就卡住了。在教程中，他们使用了这段代码:

import React, { Component } from "react";

class Counter extends Component {
  state = {
    count: 0,
  };

  render() {
    return (
      <React.Fragment>
        <span>{this.state.count}</span>

        <button>Increment</button>
      </React.Fragment>
    );
  }
}

export default Counter;

一切都很好。

但在我的例子中，我得到了这个错误:

src\components\counter.jsx Line 4:3: ‘state’ is not defined no-undefSearch for the keywords to learn more about each error.

在尝试了一切之后，我认为这是因为 react 版本(他们使用旧版本)。

所以我的问题是如何修复这个错误，以及在阻止我的代码工作的版本之间实际发生了什么变化。谢谢!

Answer 1

我认为这是一个与 react 本身无关但使用 create-react-app 创建的项目的问题。正在进行的问题在评论中进行了讨论，它通过简单地重新使用命令本身来创建一个新项目对一些人有效，但仍然等待维护者的评论。所以这不是你做错了什么。冷静。

我从昨天开始就一直在跟踪这个，甚至在推特上发了同样的帖子。一些依赖可能被搞砸了。可能是 eslint 或 babel 插件之一。

问题的链接 - https://github.com/facebook/create-react-app/issues/10598