How to use the react-router.Route function in react-router

* Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */

/**
 * This component operates as a "Controller-View".  It listens for changes in
 * the ArticleStore and passes the new data to its children.
 */

/* jshint quotmark:false */
var Router = require('react-router');
var Route = Router.Route;
var RouteHandler = Router.RouteHandler;
var Link = Router.Link;
var Footer = require('./Footer.react');
var Header = require('./Header.react');
var ArticleList = require('./ArticleList.react');
var ArticleForm = require('./ArticleForm.react');
var SignupForm = require('./SignupForm.react');
var React = require('react');
var ArticleActions = require('../actions/ArticleActions');
var ArticleStore = require('../stores/ArticleStore');

var primus = new Primus(window.location.protocol+'//'+window.location.host);
window.primus = primus;

primus.on('open', function(){
  ArticleActions.fetchArticles();

var React = require("react");
var Router = require('react-router');
var DefaultRoute = Router.DefaultRoute;

// Components
var App = require("./components/App.jsx");
var ArticleList = require('./components/ArticleList.jsx');
var Article = require('./components/Article.jsx');

var Route = Router.Route;

var routes = (
  
    
    
  
);

module.exports = routes;

var React = require('react');
var ReactDOM = require('react-dom');

var ReactRouter = require('react-router');
var Router = ReactRouter.Router;
var Route = ReactRouter.Route;
var IndexRoute = ReactRouter.IndexRoute;
var hashHistory = ReactRouter.hashHistory;

var SessionStore = require('./stores/session_store');
var SessionApiUtil = require('./util/session_api_util');

var App = require('./components/App');
var PetIndex = require('./components/PetIndex');
var LoginForm = require('./components/LoginForm');
var SignupForm = require('./components/SignupForm');
var PetDetail = require('./components/PetDetail');
var NavBar = require('./components/NavBar');
var PetForm = require('./components/PetForm');
var FavoriteIndex = require('./components/FavoriteIndex');
var CreatedIndex = require('./components/CreatedIndex');
var PetEdit = require('./components/PetEdit');

/** @jsx React.DOM */

var React = require('react');
var Router = require('react-router');
var Route = Router.Route;
var RouteHandler = Router.RouteHandler;
var DefaultRoute = Router.DefaultRoute;

var App = require('./components/App.jsx');
var Popular = require('./components/Popular.jsx');
var Latest = require('./components/Latest.jsx');
var Login = require('./components/Login.jsx');
var Upload = require('./components/Upload.jsx');
var Search = require('./components/Search.jsx');
var PhotoDetail = require('./components/PhotoDetail.jsx');
var Tags = require('./components/Tags.jsx');
var User = require('./components/User.jsx');

var routes = (

var React = require('react');
var HeaderComponent = require('./common/HeaderComponent');

var Router = require('react-router');
var Route = Router.Route;
var RouteHandler = Router.RouteHandler;
var Link = Router.Link;

var ReactCSSTransitionGroup = require('react/lib/ReactCSSTransitionGroup');

var ReacterNewsApp = React.createClass({
  mixins: [ Router.State ],
  render: function() {
    var routeName = this.getRoutes().reverse()[0].name;
    var queryString = this.getQuery() || '';
    var keyName = (this.getRoutes().reverse()[0].name || 'news') + (this.getQuery().p || '') + (this.getQuery().id || '');

    return (
      <div>
        
        </div>

var React = require('react');
var ReactDOM = require('react-dom');

var ReactRouter = require('react-router');
var Router  = ReactRouter.Router;
var Route = ReactRouter.Route;
var History = ReactRouter.History;
var createBrowserHistory = require('history/lib/createBrowserHistory');

var h = require('./helpers');

/*
  App
*/

var App = React.createClass({
  getInitialState : function() {
    return {
      fishes : {},
      order : {}
    }
  },

var devServer = require('webpack/hot/only-dev-server');
var React = require('react');
var Router = require('react-router');
var Route = Router.Route;
var DefaultRoute = Router.DefaultRoute;
var Link = Router.Link;
var RouteHandler = Router.RouteHandler;
var Header = require('./header');
require('./scss/app.scss');

var Modal = require('./components/modal');
var Panel = require('./components/panel');
var Offcanvas = require('./components/offcanvas');
var Accordion = require('./components/accordion');
var Tabs = require('./components/tabs');
var Popup = require('./components/popup');
var Notification = require('./components/notification');

var Demos = React.createClass({
  render: function () {

var React = require("react"),
    Router = require("react-router"),
    Route = Router.Route,
    DefaultRoute = Router.DefaultRoute;

var EmptyView = require("./components/empty_view.jsx"),
    Recipe = require("./components/recipe.jsx"),
    RecipeEditor = require("./components/recipe_editor.jsx"),
    RecipeAdder = require("./components/recipe_adder.jsx"),
    RecipeList = require("./components/recipe_list.jsx");

var routes = (

function registeredLoginRoutes() {
    if (injectedRoutes.length != 0) {
        return routes;
    } else {
        return _react2.default.createElement(_reactRouter.Route, { path: 'login', component: _loginPage2.default });
    }
}