Replace event handlers on re-render? about deku HOT 11 CLOSED

var Page = component(function(props, state){
  var setState = this.setState;
  var error = state.error;

  // log error and change state.
  function log() {
    console.log(error);
    setState({ error: 'Error at ' + new Date });
  }

  return dom('div', [
    Button({
      label: 'Log it',
      onClick: log
    })
  ]);
});

var Button = component(function(props){
  var onClick = props.onClick;
  var label = props.label;
  return dom('button', { onClick: onClick }, [ label ]);
});

buttonState1.props.log === buttonState2.props.log
// false

(function(){
  var fns = [];

  render({ text: 'first' });
  render({ text: 'second' });
  render({ text: 'third' });
  print();

  function render(props, state) {
    function fn() {
      return props.text;
    }

    fns.push(fn);
  }

  function print() {
    console.log('  The nested functions are all not equal to each other.');
    console.log()
    fns.forEach(function(fn, i){
      if (!i) return;
      var equal = fns[i] === fns[i - 1];
      console.log('  ' + equal);
    });
    console.log();
  }
})()

  return dom('div', [
    Button({
      label: 'Log it',
      onClick: log,
      hack: new Date
    })
  ]);

(function(){
  var deepEqual = require('deep-equal');
  var equal = require('equals');
  var fns = [];

  render({ text: 'first' });
  render({ text: 'second' });
  render({ text: 'third' });
  print();

  function render(props, state) {
    function fn() {
      return props.text;
    }

    fns.push(fn);
  }

  function print() {
    console.log('  The nested functions are all not equal to each other.');
    console.log()
    fns.forEach(function(fn, i){
      if (!i) return;
      var a = fn[i];
      var b = fn[i - 1];
      console.log('  a === b', a === b);
      console.log('  substack/node-deep-equal (strict): ' + deepEqual(a, b, { strict: true }));
      console.log('  substack/node-deep-equal: ' + deepEqual(a, b));
      console.log('  jkroso/equals: ' + equal(a, b));
    });
    console.log();
  }
})()