Why react-native routers use state instead of props?

Question

There is an official react-native example regarding routing which uses props instead of state.

However all other router component libraries use state instead of props. Especially, the libraries that have prepared for Flux and Redux usages.

What is the main idea of state usage in router components?

Answer 1

The reason why they use navigator=this.props.navigator in this example is that this is a child component, where a parent component is passing down its navigator to the child through props. You generally do not pass down state directly into a child component, you pass down a prop that could be used in "getInitialState".

https://facebook.github.io/react/tips/communicate-between-components.html

Here we see that this is simply the syntax used to pass a prop from parent to child. We want to pass the navigator between different components so that the app is consistent, they are all using the same navigator to navigate between different pages.

Just a warning though, when passing props as state to a child component, note it should be clear that it's only for initialization.