У меня есть базовый компонент, у которого будет QueryRenderer для извлечения данных для заголовка, списка продуктов питания, параметров фильтрации. В методе рендеринга я хотел бы отобразить заголовок, FoodList и FilterSidebar. Теперь, щелкая элемент в FilterSidebar, я меняю состояние в redux, которое, в свою очередь, используется в качестве переменных для QueryRender. QueryRender снова обновляет данные с новыми фильтрами. Проблема в том, что заголовок и панель фильтров также находятся внутри метода рендеринга queryrender, все компоненты обновляются. Есть ли способ справиться с этой ситуацией, когда только список изменяется на основе новых переменных.
И действительно ли это проблема? Единственное влияние должно быть на производительность, иначе вы что-то делаете не так. Прежде чем вообще приступить к оптимизации, убедитесь, что вы оптимизируете узкое место. Уровень вашего вопроса не означает, что вы находитесь на той стадии, когда вам следует оптимизировать рендеринг React.
цель почты - иметь корневой QueryRenderer [ограничение вызова api graphql одним запросом], и он будет предоставлять данные контейнеру дочерних фрагментов. Однако дочерний компонент может изменить параметр фильтра, поэтому переменные запроса необходимо изменить. Изменение переменных запроса повторно отображает все компоненты





Может быть, реализовать shouldComponentUpdate для рассматриваемых компонентов? С помощью redux вы обычно создаете более мелкие компоненты и подключаете их к магазину, чтобы вам не приходилось этого делать.