# React - single page App - bgcolor on content

**URL:** https://forum.kirupa.com/t/react-single-page-app-bgcolor-on-content/636829
**Category:** Uncategorized
**Created:** [June 27, 2017, 2:25pm UTC](https://forum.kirupa.com/t/react-single-page-app-bgcolor-on-content/636829 "2017-06-27T14:25:53Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![lemonjelly1](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/lemonjelly1/32/8528_2.png) [@lemonjelly1](https://forum.kirupa.com/u/lemonjelly1)
#### Post date: [June 27, 2017, 2:25pm UTC](https://forum.kirupa.com/t/react-single-page-app-bgcolor-on-content/636829/1 "2017-06-27T14:25:53Z")

</div>

I am trying to get the background color to change but to no avail

```
var App = React.createClass({
	  render: function() {
		  
		var bodyStyle = {
			color: "#888",
			fontSize: "20",
			backgroundColor: this.props.bgcolor,
		};
		return (
		  <div>
			<h1>Simple SPA</h1>
			<ul className="header">
			  <li><IndexLink to="/" activeClassName="active">Home</IndexLink></li>
			  <li><Link to="/stuff" activeClassName="active">Stuff</Link></li>
			  <li><Link to="/contact" activeClassName="active">Contact</Link></li>
			</ul>
			<div className="content" style={bodyStyle}>
	 			{this.props.children}
			</div>
		  </div>
		)
	  }
	});

```

but am not sure if you can add properties in the route path?

```
var destination = document.querySelector("#container");	  
 ReactDOM.render(

  <Router history={ReactRouter.hashHistory}>
	<Route path="/" component={App} >
 		<IndexRoute component={Home} bgcolor="#FF6633" />
		<Route path="stuff" component={Stuff} bgcolor="#FFF" />
  		<Route path="contact" component={Contact} bgcolor="#000000" />
	</Route>
  </Router>,
  destination
);
```