Описание реквизита с propTypes из компонента высшего порядка - PullRequest
Новая
       22

Описание реквизита с propTypes из компонента высшего порядка

1 голос
/ 02 апреля 2020

Я использую i18next (и это пакет для реагирования), и у меня есть компонент класса, который использует withTranslation(): 

import React, { Component } from 'react';
import { withTranslation } from 'react-i18next';

class Home extends Component {
  constructor(props) {
    super(props);
    // some default values are set here
  }

  componentDidMount() {
    // some http requests are happening here
  }

  render() {
    const { t } = this.props;
    return (
      <h1>{t('pageHome:title')}</h1>
    );
  }
}

export default withTranslation()(Home);

Я также использую airbnb: javascript руководство по стилю , и я получаю в этой строке следующую "ошибку":

ESLint: t отсутствует в проверке реквизита (типа реакции / поддержки)

потому что t доступно из withTranslation() HO C, добавленного к Home компоненту.

Это правильный подход, или что-то может сказать линтеру, что этот реквизит определен в HO C? Или я полностью упускаю смысл этих типов пропов? 

Home.propTypes = {
  t: PropTypes.func.isRequired,
};
...