reactjs - React-router and redux manual URL enter error -


i have problem of undefined props redux store. here routehandler file

function organisationsfromstore(store) {   const { router, organisations } = store;   return {     organisations   } }  function organisationfromstore(store) {   const { router, organisations } = store;   const { organisationid } = router.params;   return {     organisation: organisations.get(parseint(organisationid))   } }   export const organisationroutehandler = connect(organisationfromstore)(organisation); export const accountsconfigurationroutehandler = connect(organisationsfromstore)(accountsconfiguration);

this hooked getroutes.jsx file handles routes:

<route path="accounts" component={accountsconfigurationroutehandler}>    <route path=":organisationid" component={organisationroutehandler}></route> </route>

in organisation.jsx(which gets organisations prop it's parent accountsconfiguration) component have:

render() {     return (       <div style={{display: "inline"}}>         <div classname={styles.desks}>           <span classname={deskstyles.deskslabel}>desks</span>           <ul classname={deskstyles.deskslist}>             {               this.props.organisation.get("desks").map(desk => {                 return <li>{desk.get("name")}</li>;               })             }           </ul>         </div>         <div classname={this.state.childrenstyle}>           {this.props.children}         </div>       </div>     );

when thy enter url manually e.g localhost:1234/accounts/4 (4 being organisationid), error saying this.props.organisations not defined, breaks app. happening because first route's handler (organisationsfromstore) did not store organisations , didn't pass prop accountsconfiguration, didn't pass organisations via this.props.children.

what best way make component wait previous routes props, , render in case organisation component without error? or there better way of doing this. hope clear, thanks.

p.s i'm using old redux-router version before v2, , must version @ time.

ok, mind wasn't working yesterday, inserted check if props defined , rendered conditionaly this.props.organisation ? .... : null


Comments

Post a Comment

Popular posts from this blog

python - Best design pattern for collection of objects -

i have following architecture: +-----------------+ | collection | | | | | | | | | +-----------------+ | ^ | | create() | | | | v | getitem(b) +------------+ | | item | | | | | | +------+ | | +------------+ a class managing collection of items, creates items. , these items may need other items collection. the actual code in python, , collection passes parameter created item . see it, bad practice. improvement can see pass few functions of collection needed item , instead of whole instance. for example: class collection: getitem(self, id): ... createitem(self, id): item = item(id, self) # <-- pass self ... class item: __init__(self, id, col): ... col.getite...
Read more

go - serving up pdfs using golang -

Image
just wondering if guys can code. it works serving images not pdf brochure. in advance func main(){ http.handlefunc("/", func(w http.responsewriter, r *http.request){ filename := "/var/www/filedipenser/brochure.pdf" streampdfbytes, err := ioutil.readfile( filename ) if err != nil { fmt.println(err) os.exit(1) } b := bytes.newbuffer(streampdfbytes) w.header().set("content-type", "application/pdf") if _, err := b.writeto(w); err != nil { fmt.fprintf(w, "%s", err) } w.write([]byte("pdf generated")) }) err := http.listenandserve(":4111", nil) if err != nil { log.fatal("listenandserve: ", err) fmt.println(err) } } the code bit inefficient appears working. however, pdf viewers might sensitive extraneous output adding end of http response stream...
Read more

how to add preprocess loader in webpack 2 -

i trying add preprocess loader in webpack 3. have installed successfully. not working here's webconfing file var debug = process.env.node_env !== "production"; var webpack = require('webpack'); var path = require('path'); module.exports = { context: path.join(__dirname, "src"), devtool: debug ? "inline-sourcemap" : null, entry: "./js/app.js", module: { loaders: [ { test: /\.jsx?$/, exclude: /(node_modules|bower_components)/, loader: 'babel-loader!preprocess-loader?+debug', // query: { // presets: ['react', 'es2015'], // plugins: ['react-html-attrs', 'transform-class-properties', 'transform-decorators-legacy'], // } }, { test: /\.css$/, loader: "style-loader!css-loader!sass-loader" } ] }, output: { path: __dirname + "/src/", f...
Read more