How to use navigation-react - 7 common examples

var React = require('react');
var NavigationReact = require('navigation-react');
var NavigationLink = NavigationReact.NavigationLink;
var RefreshLink = NavigationReact.RefreshLink;
var NavigationBackLink = NavigationReact.NavigationBackLink;

exports.Listing = React.createClass({
    render: function() {
        var stateNavigator = this.props.stateNavigator;
        // Renders a list of people from the props.
        var people = this.props.people.map(function (person) {
            return (
                
                    
						
							{person.Name}
						
                    {person.DateOfBirth}

var React = require('react');
var NavigationReact = require('navigation-react');
var NavigationLink = NavigationReact.NavigationLink;
var RefreshLink = NavigationReact.RefreshLink;
var NavigationBackLink = NavigationReact.NavigationBackLink;

exports.Listing = React.createClass({displayName: "Listing",
    render: function() {
        var stateNavigator = this.props.stateNavigator;
        // Renders a list of people from the props.
        var people = this.props.people.map(function (person) {
            return (
                React.createElement("tr", {key: person.Id}, 
                    React.createElement("td", null, 
						React.createElement(NavigationLink, {
							stateKey: "person", 
							navigationData: {id: person.Id}, 
							stateNavigator: stateNavigator}, 
							person.Name
						)), 
                    React.createElement("td", null, person.DateOfBirth)

var React = require('react');
var NavigationReact = require('navigation-react');
var NavigationLink = NavigationReact.NavigationLink;
var RefreshLink = NavigationReact.RefreshLink;
var NavigationBackLink = NavigationReact.NavigationBackLink;

exports.Listing = React.createClass({
    render: function() {
        var stateNavigator = this.props.stateNavigator;
        // Renders a list of people from the props.
        var people = this.props.people.map(function (person) {
            return (
                
                    
						
							{person.Name}

var React = require('react');
var NavigationReact = require('navigation-react');
var NavigationLink = NavigationReact.NavigationLink;
var RefreshLink = NavigationReact.RefreshLink;
var NavigationBackLink = NavigationReact.NavigationBackLink;

exports.Listing = React.createClass({displayName: "Listing",
    render: function() {
        var stateNavigator = this.props.stateNavigator;
        // Renders a list of people from the props.
        var people = this.props.people.map(function (person) {
            return (
                React.createElement("tr", {key: person.Id}, 
                    React.createElement("td", null, 
						React.createElement(NavigationLink, {
							stateKey: "person", 
							navigationData: {id: person.Id}, 
							stateNavigator: stateNavigator}, 
							person.Name

var React = require('react');
var NavigationReact = require('navigation-react');
var NavigationLink = NavigationReact.NavigationLink;
var RefreshLink = NavigationReact.RefreshLink;
var NavigationBackLink = NavigationReact.NavigationBackLink;

exports.Listing = React.createClass({
    render: function() {
        var stateNavigator = this.props.stateNavigator;
        // Renders a list of people from the props.
        var people = this.props.people.map(function (person) {
            return (
                
                    
						
							{person.Name}

var React = require('react');
var NavigationReact = require('navigation-react');
var NavigationLink = NavigationReact.NavigationLink;
var RefreshLink = NavigationReact.RefreshLink;
var NavigationBackLink = NavigationReact.NavigationBackLink;

exports.Listing = React.createClass({displayName: "Listing",
    render: function() {
        var stateNavigator = this.props.stateNavigator;
        // Renders a list of people from the props.
        var people = this.props.people.map(function (person) {
            return (
                React.createElement("tr", {key: person.Id}, 
                    React.createElement("td", null, 
						React.createElement(NavigationLink, {
							stateKey: "person", 
							navigationData: {id: person.Id}, 
							stateNavigator: stateNavigator}, 
							person.Name
						)),

var React = require('react');
var NavigationReact = require('navigation-react');
var NavigationBackLink = NavigationReact.NavigationBackLink;

module.exports = React.createClass({
    render: function() {
        var person = this.props.person;
        return (
            React.createElement("div", {id: "details"}, 
                React.createElement(NavigationBackLink, {distance: 1}, "People"), 
                React.createElement("div", {id: "info"}, 
                    React.createElement("h2", null, person.name), 
                    React.createElement("div", {className: "label"}, "Date of Birth"), 
                    React.createElement("div", null, person.dateOfBirth), 
                    React.createElement("div", {className: "label"}, "Email"), 
                    React.createElement("div", null, person.email), 
                    React.createElement("div", {className: "label"}, "Phone"), 
                    React.createElement("div", null, person.phone)
                )