2016-02-08 12 views
5

Non riesco a trovare un posto, dove sono colpa.PropTypes definiti, ma mai utilizzati (ESLint, babele 6)

mia .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 
    } 
} 

sezione My webpack.config su lint:

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

E la mia componente

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 
} 

Ho eccezione: 01:17 errore "PropTypes "è definito ma mai usato non-non usato-vars

Hmm, cosa sto facendo male?

P.S. Con babel5 tutto funziona correttamente.

risposta

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

Sei già importando React.PropTypes come PropTypes, quindi in questo caso, basta cambiare questo per name: PropTypes.string.isRequired (o rimuovere le PropTypes importare in alto)

+0

Grazie, questo mi stava facendo impazzire –

Problemi correlati