Реактор линтер airbnb массив прототипов

Question

У меня есть следующее PropTypes:

SmartTable.propTypes = {
  name: React.PropTypes.string.isRequired,
  cols: React.PropTypes.array.isRequired,
  rows: React.PropTypes.array.isRequired,
};

но линтер говорит мне:

Prop type array is forbiddenкак я могу это изменить?

Answer 1

Возможное решение для этого (но я думаю, что это не умно):

SmartTable.propTypes = {
  name: React.PropTypes.string.isRequired,
  cols: React.PropTypes.arrayOf(React.PropTypes.string),
  rows: React.PropTypes.arrayOf(React.PropTypes.string),
};

Answer 2

Одно из решений, которое сработало для меня:

Если вы хотите массивы:

SmartTable.propTypes = {
  name: PropTypes.string.isRequired,
  cols: PropTypes.instanceOf(Array),
  rows: PropTypes.instanceOf(Array),
};

Для объектов и массивов это может быть:

SmartTable.propTypes = {
  name: PropTypes.string.isRequired,
  cols: PropTypes.instanceOf(Object),
  rows: PropTypes.instanceOf(Array),
};

Answer 3

Если массив столбцов и строк - это объекты, мне нравится использовать форму, чтобы она могла выглядеть примерно так.

SmartTable.propTypes = {
  name: PropTypes.string.isRequired,
  cols: PropTypes.arrayOf(PropTypes.shape({
    id: PropTypes.string.isRequried,
    value: PropTypes.string,
   })
  rows: PropTypes.arrayOf(PropTypes.shape({
    id: PropTypes.string.isRequried,
    value: PropTypes.string,
   })

};

Answer 4

Краткие версии:

для массиваPropTypes.shape([])

для объектаPropTypes.shape({})

Answer 5

Я обнаружил, что это также жизнеспособный способ обойти запрещенную ошибку массива.

PropTypes.arrayOf(PropTypes.any.isRequired).isRequired

Answer 6

Просто добавьте комментарий eslint-disable-line

someVal: PropTypes.array, // eslint-disable-line