eslint: 'isResetProperty' fehlt in Props-Validierung (Reagieren/Prop-Typen)

Question

Ich habe folgenden Code verwendet, aber die oben genannten eslint Fehler erhalten.

componentWillReceiveProps(nextProps) { 
     if (nextProps.isResetProperty) { 
      this.setState({ empName: defaultEmpName }); 
      this.setState({ empAddress: defaultEmpAddress }); 
      this.props.resetPage(false); 
     } 
     } 
    "devDependencies": { 
    "eslint": "^3.18.0", 
    "eslint-config-airbnb": "^14.1.0", 
    "eslint-plugin-import": "^2.2.0", 
    "eslint-plugin-jsx-a11y": "^4.0.0", 
    "eslint-plugin-react": "^6.10.3", 
} 

Wie kann ich den Fehler beheben: [eslint] 'isResetProperty' in Requisiten Validierung fehlt (reagieren/prop-Typ) .Please mich unterstützen.

Answer 1

Sie müssen den Typ für isResetProperty Eigenschaft deklarieren. About PropTypes. About this rule.

Voll Beispiel

// index.js 
import { Component } from 'react' 
import PropTypes from 'prop-types' 

export default class Cmp extends Component { 
    static propTypes = { 
    isResetProperty: PropTypes.bool.isRequired, 
    } 

    componentWillReceiveProps(nextProps) { 
    if (nextProps.isResetProperty) { 
     this.setState({ 
     reset: nextProps.isResetProperty, 
     }) 
    } 
    } 

    render() { 
    return null 
    } 
} 

package.json

"scripts": { 
    "lint": "eslint ." 
    }, 
    "devDependencies": { 
    "babel-eslint": "^7.2.3", 
    "eslint": "3", 
    "eslint-config-airbnb": "^15.0.1", 
    "eslint-plugin-import": "^2.3.0", 
    "eslint-plugin-jsx-a11y": "^5.0.3", 
    "eslint-plugin-react": "^7.0.1" 
    }, 
    "dependencies": { 
    "prop-types": "^15.5.10", 
    "react": "^15.5.4" 
    } 

.eslintrc

{ 
    "extends": "airbnb", 
    "parser": "babel-eslint", 
    "rules": { 
    "semi": [2, "never"] 
    } 
} 

>$ yarn run lint

Garnlauf v0.24.6 $ eslint. Fertig in 1.32s.

Answer 2

import React from 'react'; 
import PropTypes from 'prop-types'; 

class YourComponentName extends React.Component { 

    componentWillReceiveProps(nextProps) { 
    if (nextProps.isResetProperty) { 
     this.setState({ empName: defaultEmpName }); 
     this.setState({ empAddress: defaultEmpAddress }); 
     this.props.resetPage(false); 
    } 
    } 
}; 

YourComponentName.propTypes = { 
    isResetProperty: PropTypes.<type-of-isResetProperty> 
}