{"action":"opened","issue":{"url":"https://api.github.com/repos/rackt/react-router/issues/1472","labels_url":"https://api.github.com/repos/rackt/react-router/issues/1472/labels{/name}","comments_url":"https://api.github.com/repos/rackt/react-router/issues/1472/comments","events_url":"https://api.github.com/repos/rackt/react-router/issues/1472/events","html_url":"https://github.com/rackt/react-router/issues/1472","id":92898931,"number":1472,"title":"How to handle components that receive props?","user":{"login":"togakangaroo","id":66150,"avatar_url":"https://avatars.githubusercontent.com/u/66150?v=3","gravatar_id":"","url":"https://api.github.com/users/togakangaroo","html_url":"https://github.com/togakangaroo","followers_url":"https://api.github.com/users/togakangaroo/followers","following_url":"https://api.github.com/users/togakangaroo/following{/other_user}","gists_url":"https://api.github.com/users/togakangaroo/gists{/gist_id}","starred_url":"https://api.github.com/users/togakangaroo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/togakangaroo/subscriptions","organizations_url":"https://api.github.com/users/togakangaroo/orgs","repos_url":"https://api.github.com/users/togakangaroo/repos","events_url":"https://api.github.com/users/togakangaroo/events{/privacy}","received_events_url":"https://api.github.com/users/togakangaroo/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-07-03T15:43:10Z","updated_at":"2015-07-03T15:43:10Z","closed_at":null,"body":"I think this is more an issue of documentation than anything but I'm pretty confused about what the intended workflow si.\r\n\r\nLet's say I have a menu system where clicking on each item uses react-router to navigate to an area which pulls some data from the server.\r\n\r\n```\r\nurl: yoursite/#/lists/countries\r\n----------------------------\r\nBilling Codes | <<Countries>> | Inventory Types \r\n---------------------------------------------------------\r\nCountries:\r\n---------------\r\nAfghanistan\r\nAzerbaijan\r\nBelarus\r\n...\r\n\r\nwith routes something like\r\n\r\n```\r\nRoute #/lists component: Lists\r\n   Route billing-codes component: BillingCodes\r\n   Route countries component: Countries\r\n   Route inventory-types component: InventoryTypes\r\n```\r\n\r\nI don't want to preload data from the server until an area is navigated to, so in my `Countries` component's on `componentWillMount` I fire an event (I'm using reflux but...whatever) that triggers a store to do an ajax request and update itself with the current list of countries.\r\n\r\nNow the `Countries` component reacts to that change in state by updating the countries in its props. Except - reasonably - that generates an invariant error because I shouldn't be updating props on a child component, I should update it at the top level. But the top level is the router itself so now I'm just lost - where *am* I supposed to listen to changes and update props from?"}}