已定义PropTypes但从未使用过(ESLint,babel 6)

Question

我无法找到一个我错的地方.

我的.eslintrc

{
  "extends": "eslint:recommended",
  "parser": "babel-eslint",
  "env": {
    "browser": true,
    "node": true
  },
  "plugins": [
    "react"
  ],
  "rules": {
    "no-console": 0,
    "new-cap": 0,
    "strict": 0,
    "no-underscore-dangle": 0,
    "no-use-before-define": 0,
    "eol-last": 0,
    "quotes": [2, "single"],
    "jsx-quotes": 1,
    "react/jsx-no-undef": 1,
    "react/jsx-uses-react": 1,
    "react/jsx-uses-vars": 1
  }
}

关于lint的webpack.config部分:

preLoaders: [
  {
    test: /\.js$/,
    loaders: ['eslint'],
    include: [
      path.resolve(__dirname, "src"),
    ],
  }
],

和我的组件

import React, { PropTypes, Component } from 'react'

export default class User extends Component {
  render() {
    const { name } = this.props
    return <div>
      <p>Hello, {name}!</p>
    </div>
  }
}

User.propTypes = {
  name: React.PropTypes.string.isRequired
}

我有例外:1:17错误"PropTypes"已定义,但从未使用过no-unused-vars

嗯,我做错了什么？

PS与babel5 - 一切正常.

Answer 1

User.propTypes = {
  name: React.PropTypes.string.isRequired
}

您已经导入React.PropTypes为PropTypes,因此在这种情况下,只需将其更改为name: PropTypes.string.isRequired(或删除顶部的PropTypes导入)