examples/04-infinite-scroll/components/Html.jsx from zordius/fluxex

examples/04-infinite-scroll/components/Html.jsx

Summary

Maintainability

4 hrs

Test Coverage

Issues

var React = require('react');
var Fluxex = require('fluxex');
var Results = require('./Results.jsx');
var SearchBox = require('./SearchBox.jsx');

var Html = React.createClass({
    mixins: [
        Fluxex.mixin,
        require('fluxex/extra/pjax')
    ],

    getInitialState: function () {
        return {};
    },

    handleclick: function (E) {
        this._getContext().redirect('https://yahoo.com/');
    },

    render: function () {
        return (
        <html>
         <head>
          <meta charSet="utf-8" />
          <meta name="viewport" content="width=device-width, user-scalable=no" />
          <Fluxex.Title />
         </head>
         <body onClick={this.handleClickLink}>
          <SearchBox />
          Sample Search:
          <ul>
           <li><a href="/search?q=apple">Apple</a></li>
           <li><a href="/search?q=banana">Banana</a></li>
           <li><a href="/search?q=orange">Orange</a></li>
          </ul>
          <div onClick={this.handleclick}>CLICK GOTO YAHOO.COM</div>
          <Results />
          <Fluxex.InitScript />
         </body>
        </html> 
        );
    }
});

module.exports = Html;