Как решить, что распространение товара запрещено в пользовательском компоненте маршрута? - PullRequest
1 голос
/ 06 ноября 2019

Как решить, что распространение реквизита запрещено в пользовательском компоненте маршрута?

eslint: распространение реквизита запрещено в строке 3 и 6

const PrivateRoute = ({component: Component, ...rest}) => (
  <Route
    {...rest}
    render={(props) => (
        localStorage.getItem('user') ?
          <Component {...props} /> :
          <Redirect to={{pathname: '/login', state: {from: props.location}}} />
  )}
  />
);

1 Ответ

1 голос
/ 06 ноября 2019

ES lint препятствует использованию разбрасывания опор, чтобы нежелательные / непреднамеренные опоры не передавались компоненту. Подробнее здесь: https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-props-no-spreading.md

Чтобы отключить его для конкретного файла, вы можете поставить: // eslint-disable jsx-props-no-spreading в верхней строке файла компонента. Чтобы отключить его для всех файлов, попробуйте следующее: Отключить в EsLint ошибку «реакции / jsx-props-no-spreading» в Reactjs

...