Оператор распространения в компоненте отключает правило реакции / проп-типов в eslint-config-airbnb - PullRequest
0 голосов
/ 26 сентября 2018

Проблема, с которой я сталкиваюсь, заключается в том, что, когда я добавляю атрибуты распространения в компонент, правило реакции / опорных типов перестает работать:

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

import Button from './Button';

const LoginFacebook = ({
      label, ...props
    }) => (
      <Button
        {...props} // if I remove this line then eslint shows me the react/proptypes error
      >
        {label}
      </Button>
    );

.eslintrc:

{
  "extends": "airbnb",
  "parser": "babel-eslint",
  "rules": {
    "max-len": ["error", { "code": 80, "ignoreUrls": true }],
    "no-console": [2]
  },
  "env": {
    "browser": true
  }
}

.package.json

"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.1.1",
"eslint-plugin-react": "^7.11.1",

и вот как я использую этот компонент в контейнере входа:

...    
render() {
       return (
        <Grid>
          <GridCell span="6" phone="4" tablet="8">
            <LoginFacebook
              onLoginSuccess={this.onLoginSuccess}
              onLoginFailure={this.onLoginFailure}
            />
          </GridCell>
        </Grid>
       )
    }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...