Relay: Why `QueryRenderer` not to rerender when variables Change?

[xyy94813]

https://github.com/facebook/relay/blob/ac6e381e1287e2e9636511421922963db580deec/packages/react-relay/modern/ReactRelayQueryRenderer.js#L195-L200

Component QueryRenderer only need to render once?
Even variables changed?

[jstejada]

hey @xyy94813 the QueryRenderer itself wont re-render, but when you pass new variables we will re-fetch the query with the new variable and call your render prop again; does that make sense?

[xyy94813]

thx.
But it don't re-fetch after i upgrade relay to v1.6.0 in my project.

[xyy94813]

The problem is resolved.
I forget to upgrade React-Dom to 16.3.0 ...

[ankit5174]

I have the Base Component which will have a QueryRenderer to fetch data for header, food items, filtering options. In the render method, i would like to display the

, and a sidebar . Now when on click of a item in , i am changing the state in redux , which in turn is used as variables for the QueryRender. The QueryRender refetches the data again with the new filters. The problem is since

and is also inside renderer method of queryrender, All the components get refreshed. Is there any way to handle this situation where only the listing changes based on new variables.

[sibelius]

@ankit5174 you need to use a refetch container in this case, instead of a QR

[ankit5174]

@sibelius I assume FoodList will be the refetch Container. If that is so then this.props.relay.refetch of FoodList will be available in the same component. But i need to make the refetch call from component. Any way we can expose the functions from one component to its sibling?