RealTimeVariable.js

import React, {Component, PropTypes} from "react";
import FBConnectionObj from "../../services/FireBaseConnectionService";

class RealTimeVariable extends Component {
  constructor(props, context) {
    super(props, context);
    this.state = {
      value: null
    };
    FBConnectionObj.ref(this.props.path).on("value", (snapshot) => {
      this.setState({
        value: snapshot.val()
      });
    });
  }
  render() {
    return (
      <div className={styles.container}>
        {this.props.render(this.state.value)}
      </div>
    );
  }
}
RealTimeVariable.defaultProps = {};
RealTimeVariable.propTypes = {
  path: PropTypes.string,
  render: PropTypes.func
};
export default RealTimeVariable;