$ yarn add didact

/** @jsx Didact.createElement */
import Didact from 'didact';

class HelloMessage extends Didact.Component {

  constructor(props) {
    super(props);
    this.state = {
      count: 1
    };
  }

  handleClick() {
    this.setState({
      count: this.state.count + 1
    });
  }

  render() {
    const name = this.props.name;
    const times = this.state.count;
    return (
      <div onClick={e => this.handleClick()}>
        Hello {name + "!".repeat(times)}
      </div>
    );
  }
}

Didact.render(
  <HelloMessage name="John" />,
  document.getElementById('container')
);

Contributors

Stargazers

Forkers

monsterooo leer0911 mirinzhang futurechallenger kkkcccliang fuchengking ctocto lpove yi-tuan footman101 nocturn2023 taoyage aszzo owlyme com-xubo zxhycxq ticket-booking li0521 ivybs xjawher liusion wormsan wakeup153 limajia zyt520ham runningtree shaofeizi zesai liuyuu11 cxinxy jondoe297-rorschach somewaha xiyuan-code kongshuaifu jeekliang withwz sudongyuer mark129428 smallbeautiful muchiiun wanglianjie91 marslabtron hhy5277 lht6 zggz peanut429 zzlw fly1397 fizos xsahxl smmzyl liliangrong777 itmovieking