vcgit-forge/ReactWeather
1
0
Fork 0
mirror of https://github.com/Raghu-Ch/ReactWeather.git synced 2026-02-10 11:03:02 -05:00
Code Issues Packages Projects Releases Wiki Activity

Refactoring: Stateless functional components

Browse Source
This commit is contained in:
Raghu-Ch
2017-01-15 01:39:19 -08:00
parent 5926538f35
commit 01d5f986b1
8 changed files with 128 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
app/components/Nav.jsx
View File

@@ -1,17 +1,27 @@
var React = require('react');
var {Link, IndexLink} = require('react-router');
var Nav = React.createClass({
render: function (){
return (
<div>
<h2>Nav Component</h2>
<IndexLink to="/" activeClassName="active" activeStyle={{fontWeight: 'bold'}}> Get Weather</IndexLink>
<Link to="/about" activeClassName="active" activeStyle={{fontWeight: 'bold'}}> About</Link>
<Link to="/examples" activeClassName="active" activeStyle={{fontWeight: 'bold'}}> Examples</Link>
</div>
);
}
});
// var Nav = React.createClass({
// render: function (){
// return (
// <div>
// <h2>Nav Component</h2>
// <IndexLink to="/" activeClassName="active" activeStyle={{fontWeight: 'bold'}}> Get Weather</IndexLink>
// <Link to="/about" activeClassName="active" activeStyle={{fontWeight: 'bold'}}> About</Link>
// <Link to="/examples" activeClassName="active" activeStyle={{fontWeight: 'bold'}}> Examples</Link>
// </div>
// );
// }
// });
var Nav = () => {
return (
<div>
<h2>Nav Component</h2>
<IndexLink to="/" activeClassName="active" activeStyle={{fontWeight: 'bold'}}> Get Weather</IndexLink>
<Link to="/about" activeClassName="active" activeStyle={{fontWeight: 'bold'}}> About</Link>
<Link to="/examples" activeClassName="active" activeStyle={{fontWeight: 'bold'}}> Examples</Link>
</div>
);
};
module.exports = Nav;