CacheRoute inside another Function Component

[chitgoks]

CacheRoute inside another Function Component

[CJY0208]

Hi~

Nothing wrong with your code, just because CacheSwitch only saves the first layer of nodes which type is CacheRoute by default.

Can config that behavior using which prop on CacheSwitch

For your code

<CacheSwitch which={element => element.type === ProtectedRoute}>
  <ProtectedRoute component={MyComponent} path="/" exact/>
</CacheSwitch>

which prop is a function that would receive a instance of React Component, return true/false to decide if CacheSwitch need to save it

This prop has not been mentioned in the documentation yet.

Sorry about that and thanks for using react-router-cache-route !

[chitgoks]

thank you! this works.