reactjs - 如何解决 setTimeout 的 no-undef 错误

Question

我的代码

  componentDidMount() {
    // we add a hidden class to the card and after 700 ms we delete it and the transition appears
    this.timeOutFunction = setTimeout(
      function () {
        this.setState({cardAnimaton: ""});
      }.bind(this),
      700
    );
  }

  componentWillUnmount() {
    clearTimeout(this.timeOutFunction);
    this.timeOutFunction = null;
  }

  componentWillMount() {
    if (this.state.logged_in) {
      this.props.history.push("/dashboard");
    }
  }

我在 .eslintrc 中打开了以下内容

{
    "parser": "babel-eslint",
    "plugins": [
        "react"
    ],
    "extends": [
        "eslint:recommended",
        "plugin:react/recommended"
    ],
    "rules": {
       "no-set-state": "off",
       "react/no-multi-comp":  [1, { "ignoreStateless": true }]
    },

    "parserOptions": {
      "ecmaVersion": 6,
      "sourceType": "module",
      "ecmaFeatures": {
          "jsx": true,
          "modules": true
      }
  },
  "globals": {
    "localStorage": true,
    "fetch": true
},
  "settings": {
    "react": {
        "pragma": "React",
        "version": "16.4.1"
    }
    }
}

我收到以下警告

setTimeout is not defined (no-undef)
clearTimeout is not defined (no-undef)

如何解决此警告？

Answer 1

问题是你的environment .eslintrc 中未配置。

每个环境都会带来一组特定的预定义全局变量。

您可以为浏览器 [您的 React/Redux/JavaScript 代码] 和 节点 [Webpack 和构建相关代码] 配置它。

"env": {
  "browser": true,
  "node": true
},