Почему объекты массива столбцов React-Table имеют как camelCasing, так и PascalCasing - PullRequest
Новая
       15

Почему объекты массива столбцов React-Table имеют как camelCasing, так и PascalCasing

0 голосов
/ 21 июня 2019

Я новичок в React, и я только начал использовать React-Table.

Я заметил, что в React-Table, когда мы определяем массив столбцов, у объекта столбца есть Header, accessor,maxWidth, minResizeWidth, headerStyle, Cell и т. д.

Заголовок и ячейка указаны в верхнем регистре, но остальные свойства соответствуют соглашению с верблюжьим регистром.

Есть ли для этого более глубокий смысл или нетпросто ошибка?

Например: 

const columns = [
  {
    Header: 'Store',
    accessor: 'storeName',
    minResizeWidth: 50,
    headerStyle: { textAlign: 'left' },
  },
  {
    Header: 'Current Rate',
    accessor: 'rate',
    maxWidth: 120,
  },
  {
    Header: 'Effective From',
    accessor: 'fromDate',
    Cell: renderDateCell,
    maxWidth: 120,
  },
];

1 Ответ

1 голос
/ 21 июня 2019

Свойства, которые вы упоминаете, называются рендерерами в React-Table.Как указано в документации React-Table , эти средства визуализации могут иметь одно из следующих значений:

  • Класс реагирования
  • JSX илилюбой обработанный реагирующий компонент
  • Функциональный компонент без сохранения состояния
  • Функция, которая возвращает любой примитив

И поскольку они могут быть пользовательскими компонентами, они должны быть в верхнем регистре, так какэлементы, которые начинаются со строчных букв, относятся к встроенным компонентам в JSX.Я предлагаю вам взглянуть на эту часть документации React по компонентам JSX для лучшего разъяснения.

...