semi-automatic.jsx

let TH = ({value}) => <th >{value}</th>
let TD = ({value}) => <td>{value}</td>
let Row = ({update, children}) => <tr onClick={update}>{children}</tr>

class Printer extends React.Component {
  constructor(props) {
    super(props)
    this.state = {acc: []}
    this.update = this.update.bind(this)
    this.mult = this.mult.bind(this)
  }
  mult() {
      let acc = this.state.acc[this.state.acc.length - 1] || this.props.m
      return acc + this.props.m
  }
  update() {
    let acc = this.state.acc.concat(this.mult())
    this.setState({acc})
  }
  render() {
    return (
      <Row update={this.update}>
        <TH value={this.props.m} />
        { this.state.acc.map(v => <TD key={v} value={v} />) }
      </Row>
    )
  }
}

let PrintTable = ({m}) => (
  <table>
    <tbody>
      <Printer m={m} />
    </tbody>
  </table>
)

let render = node => ReactDOM.render(<PrintTable m={5} />, node) //render multiples of 5