asp.net mvc - Initial state from component to store with server side rendering -

application post data application b initialstate application b. making use of reactjs.net

application b receive initial data post data application a. need set post data initialstate in store. making using of reactjs.net.

i read post data in controller, map data object , assign viewbag make availble in view.

below view looks like. read initialdata viewbag , assign can accessed in react component.

@styles.render("~/css") @scripts.render("~/scripts")  @html.react("initialdata", new { loaddata = viewbag.initialdataobject })  <script src="/react-15.0.1.js"></script> <script src="/react-dom-15.0.1.js"></script>  <div class="container  pad-l-0px pad-r-0px">     <div id="app"></div> </div>  <script src="~/public/bundle.js"></script> 

in react component able data. how pass data store initialstate , best way?

var initialdata = react.createclass({        getinitialstate: function () {         return { initialloaddata: this.props.loaddata };     },     render: function() {         return (           <div></div>      );     } }); 

i using server side rendering set initial state. know can assign data global variable in view , directly access variable in reducer. want avoid doing that.

if youre using redux, dont supply initial store data component, supply parameter createstore.

what typically assign initial state script variable in serverside output, , use variable when initialize store.

see page detailed example: http://redux.js.org/docs/recipes/serverrendering.html