反应/道具类型和流动

时间:2017-07-02 15:03:21

标签: reactjs flowtype

我的.eslintrc看起来像这样,我正在使用流程:

{
  "extends": [
    "plugin:flowtype/recommended",
    "plugin:react/recommended",
    "prettier",
    "prettier/flowtype",
    "prettier/react"
  ],
  "plugins": [
    "flowtype",
    "react",
    "prettier"
  ],
  "parserOptions": {
    "ecmaVersion": 2016,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  },
  "env": {
    "es6": true,
    "node": true
  },
  "rules": {
    "prettier/prettier": ["error", {
      "singleQuote": true,
      "trailingComma": "none",
      "bracketSpacing": true,
      "jsxBracketSameLine": false,
      "parser": "flow"
    }]
  },
  "settings": {
    "flowtype": {
      "onlyFilesWithFlowAnnotation": true
    }
  }
}

即使我正在使用flow,我仍然会得到反应react/prop-types

这是正确的,我应该把它们关掉吗?

1 个答案:

答案 0 :(得分:3)

PropTypes用于运行时类型检查,而Flow用于静态类型检查。两者都有自己的用途,并不是所有的类型错误都可以在编译过程中捕获,所以PropTypes可以帮助你解决这些问题。 Flow可以在您与应用程序交互之前尽早发现一些错误,甚至可以将其加载到浏览器中。