Почему React.StrictMode изменяет поведение компонента?

#reactjs #frontend #react-table #react-table-v6

#reactjs #интерфейс #react-таблица #react-table-v6

Вопрос:

Я пытаюсь заставить react-table выбирать по одной строке за раз. Я нашел в Интернете некоторый код, который способен это сделать: https://codesandbox.io/s/stoic-forest-2s48n?file=/src/index.js

Экспериментируя с этим кодом, я обнаружил, что если я удалю <React.StrictMode> из index.js в таблице выполняется выбор нескольких строк. Но если я добавлю его обратно, таблица снова выделит одну строку.

Это поведение сбивает с толку, потому что я думал, что строгий режим не должен изменять компонент. Почему это так?

Как я могу заставить react-table выбирать только одну строку за раз? Я попытался перенести свой компонент table в строгий режим, но это не работает.

Комментарии:

1. Я не уверен, почему React.StrictMode это привело бы к изменению рендеринга, но я внес обновления для выбора одной строки за раз: codesandbox.io/s/cranky-glitter-6btut

2. @RossAllen Это сработало! Я бы выбрал вас в качестве ответа, если вы ответите на этот вопрос. 🙂