mirror of
https://github.com/Raghu-Ch/ReactWeather.git
synced 2026-02-10 11:03:02 -05:00
Refactoring: Stateless functional components
This commit is contained in:
@@ -1,13 +1,28 @@
|
||||
var React = require('react');
|
||||
|
||||
var WeatherMessage = React.createClass({
|
||||
render: function () {
|
||||
var {temp, location} = this.props;
|
||||
// var WeatherMessage = React.createClass({
|
||||
// render: function () {
|
||||
// var {temp, location} = this.props;
|
||||
//
|
||||
// return (
|
||||
// <h3>It's it {temp} in {location}.</h3>
|
||||
// )
|
||||
// }
|
||||
// });
|
||||
|
||||
return (
|
||||
<h3>It's it {temp} in {location}.</h3>
|
||||
)
|
||||
}
|
||||
});
|
||||
// Refactoring stateless function
|
||||
|
||||
// var WeatherMessage = (props) => {
|
||||
// var {temp, location} = props;
|
||||
// return (
|
||||
// <h3>It's it {temp} in {location}.</h3>
|
||||
// )
|
||||
// };
|
||||
// (or)
|
||||
var WeatherMessage = ({temp, location}) => {
|
||||
return (
|
||||
<h3>It's it {temp} in {location}.</h3>
|
||||
)
|
||||
};
|
||||
|
||||
module.exports = WeatherMessage;
|
||||
|
||||
Reference in New Issue
Block a user