Counter.ts

/// <reference path="../../defs/_references.d.ts" />

import {createFactory} from 'react';
import Rx from 'rx';
import RxComponent = require('src/utils/RxComponent');

const div = createFactory('div');

interface CounterProps {
  signal: Rx.Observable<number>;
}

interface CounterState {
  times?: number;
}

class CounterClass extends RxComponent<CounterProps, CounterState> {
  constructor(props: CounterProps) {
    super(props);
    this.state = { times: 0 };
    this.subscribe(this.props.signal, this.updateTimes);
  }

  updateTimes(n: number) {
    this.setState({ times: n });
  }

  render() {
    return div({className: 'Counter'}, this.state.times);
  }
}

export = createFactory(CounterClass);