Full-Stack React Projects

Passing data props to PlayMedia from MainRouter

While generating markup with ReactDOMServer.renderToString, we pass the preloaded data to MainRouter as a prop. We can access that data prop in the constructor for MainRouter.

mern-mediastream/client/MainRouter.js:

  constructor({data}) {    super()       this.data = data   }

To give PlayMedia access to this data, we will change the Route component for PlayMedia to pass this data as a prop.

mern-mediastream/client/MainRouter.js:

<Route path="/media/:mediaId"        render={(props) => (          <PlayMedia {...props} data={this.data} />        )} />