react-googlemaps/src/ui/components/ReactFrag.js

A declarative React interface to Google Maps

"use strict";

var React = require('react');
var cloneWithProps = require('react/lib/cloneWithProps');
var MapPropTypes = require('../MapPropTypes');

function injectMapInto(child) {
  return React.isValidElement(child) ?
    cloneWithProps(child, {map: this.props.map}) : child;
}

var ReactFrag = React.createClass({
  propTypes: {
    map: MapPropTypes.Map.isRequired,
  },

  render: function() {
    // Inject the `mapProps` into all children that are
    // valid components.
    var children = React.Children
      .map(this.props.children, injectMapInto, this);

    return (
      <span>{children}</span>
      );
  }
});

module.exports = ReactFrag;