AjaxGet.js

import React, {Component} from 'react';
import request from 'superagent-bluebird-promise';


class AjaxGet extends Component {
	constructor(props, context) {
		super(props, context);
		this.state = {
			data: {}
		};
		var component = this;
		request.get(this.props.url).then(function (res) {
			component.setState({
				data: res.body
			})
		});
	}

	render() {
		const child = this.props.children;
		const newChild = React.cloneElement(
				child,
				{json: this.state.data}
		);
		return <div>{newChild}</div>
	}
}

AjaxGet.defaultProps = {};

export default AjaxGet;

DemoAjax.js

import React, {Component} from 'react';
import AjaxGet from './AjaxGet.js';
import JSONViewer from 'react-json-viewer'

class DemoAjax extends Component {
	constructor(props, context) {
		super(props, context);
	}

	render() {
		return (
				<AjaxGet url='http://localhost:3000/api/properties'>
					<JSONViewer json={{}}/>
				</AjaxGet>
		);
	}
}

DemoAjax.defaultProps = {};

export default DemoAjax;