Как родительский компонент React с произвольным количеством дочерних элементов может обновить выбранного дочернего элемента по его строковому идентификатору, не используя useRef?

Question

У меня есть компонент React Hook с именем List, например, с произвольным числом дочерних элементов с именем Entry (возможно добавление или удаление). Если данные для записи изменяются, как я могу обновить их без повторного рендеринга родительского элемента, который будет повторно отображать всех его братьев и сестер, которые могут быть огромными. Я хотел бы избежать использования useRef и useImperativeHandle, во-первых, потому что мои коды становятся более сложными, а использование response-sortable-ho c делает невозможным их использование.

Answer 1

Ни один дочерний компонент не может повторно выполнить рендеринг, если его родитель не делает. Вместо этого вы должны предотвратить повторную визуализацию для вашего Entry компонента, используя React.memo или shouldComponentUpdate, чтобы не изменившиеся дочерние элементы не были повторно обработаны.