Skip to content

Instantly share code, notes, and snippets.

@quieterkali
Last active December 8, 2016 17:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save quieterkali/4f51c8908d436a1de51e009f396d020b to your computer and use it in GitHub Desktop.
Save quieterkali/4f51c8908d436a1de51e009f396d020b to your computer and use it in GitHub Desktop.
$ = jquery = require('jquery');
((win) => {
'use strict';
var React = require('react');
var ReactDom = require('react-dom');
var Home = require('./component/homePage');
var About = require('./component/about/aboutPage');
var Header = require('./component/common/header');
var App = React.createClass({
//se trocar essa function por arrow function, ela quebra bem no switch dizendo que nao pode ler a propriedade route de undefined
render: function() {
var Child;
console.log(this);
//output
/*
Object {props: Object, context: Object, refs: Object, updater: Object, state: null…}
*/
switch(this.props.route){
case 'about': Child = About; break;
default: Child = Home;
}
return (
<div>
<Header />
<Child />
</div>
);
}
});
function render() {
var route = win.location.hash.substr(1);
ReactDom.render(<App route={route} />, document.getElementById('app'));
}
win.addEventListener('hashchange', render);
render();
})(window);
$ = jquery = require('jquery');
((win) => {
'use strict';
var React = require('react');
var ReactDom = require('react-dom');
var Home = require('./component/homePage');
var About = require('./component/about/aboutPage');
var Header = require('./component/common/header');
var App = React.createClass({
//se trocar essa function por arrow function, ela quebra bem no switch dizendo que nao pode ler a propriedade route de undefined
render: () => {
var Child;
console.log(this);
//output
/*
Object {}
*/
switch(this.props.route){
case 'about': Child = About; break;
default: Child = Home;
}
return (
<div>
<Header />
<Child />
</div>
);
}
});
function render() {
var route = win.location.hash.substr(1);
ReactDom.render(<App route={route} />, document.getElementById('app'));
}
win.addEventListener('hashchange', render);
render();
})(window);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment