PropTypes được xác định, nhưng không bao giờ được sử dụng (ESLint, babel 6)

Question

Tôi không thể bắt được địa điểm, nơi tôi bị lỗi.

.eslintrc tôi

{ 
    "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 
    } 
} 

phần webpack.config của tôi về lint:

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

Và thành phần của tôi

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 
} 

Tôi có ngoại lệ: 1:17 lỗi "PropTypes "được xác định nhưng không bao giờ được sử dụng không sử dụng-vars

Hmm, tôi đang làm gì sai?

P.S. Với babel5 - tất cả đều hoạt động chính xác.

Answer 1

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

Bạn đã nhập khẩu React.PropTypes như PropTypes, vì vậy trong trường hợp này, chỉ cần thay đổi này để name: PropTypes.string.isRequired (hoặc loại bỏ các PropTypes nhập trên đầu trang)