Как избавиться от потери производительности в таблице с помощью React? - PullRequest
Новая
       36

Как избавиться от потери производительности в таблице с помощью React?

0 голосов
/ 23 апреля 2020

Я использую r c -таблицу для рендеринга таблицы, и у меня возникает проблема с производительностью, когда моя таблица становится больше (80 строк достаточно, чтобы увидеть задержку). В моем компоненте у меня есть переменная columns для хранения конфигурации столбца следующим образом: 

const columns = [
    {
      title: (
       // ...
      ),
      key: 'checkBox',
      dataIndex: 'checkBox',
      width: 32,
      render: (_, record) => {
        console.count('hello from table cell') // invokes *table rows* times!
        return (
          // ...
        )
      },
    },
    // ...
]

Предположим, моя таблица содержит 180 строк, поэтому я получу повторное рендеринг 180 раз, даже если моя таблица не изменилась, поэтому как мне справиться с этой проблемой? Я знаю, что могу разбить таблицу на нумерацию страниц, но я думаю, что 100 строк - это не то значение, с которого должны начаться проблемы, и поэтому я делаю что-то не так

...