I'm taking another look at AppRun after more than a year. I love the componen

It's fixed now in 1.21.6/2.21.6. <a href="https://apprun.js.org/#play/11" rel="nof

Component state? about apprun HOT 4 CLOSED

yysun commented on June 4, 2024

Component state?

from apprun.

Comments (4)

yysun commented on June 4, 2024 1

Thank you again for submitting issues. It is fixed in 1.21.7/2.21.7
https://apprun.js.org/#play/11

from apprun.

yysun commented on June 4, 2024

It looks like the new $onclick directive is not working in the child component. The old fashion onclick:

<button onclick={_=>this.run('-1')}>-1</button>
<button onclick={_=>this.run('+1')}>+1</button>

Will fix it.

from apprun.

yysun commented on June 4, 2024

It's fixed now in 1.21.6/2.21.6.
https://apprun.js.org/#play/11

from apprun.

mindplay-dk commented on June 4, 2024

That helps - but if I add some state to the parent component, if the parent component updates, all the child components seem to stop working?

    class Counter extends Component {
      state = 0;
      view = state => (
        <div>
          <h1>{state}</h1>
          <button $onclick='-1'>-1</button>
          <button $onclick='+1'>+1</button>
        </div>
      );
      update = {
        '+1': state => state + 1,
        '-1': state => state - 1
      };
    }

    class App extends Component {
      state = 0;
      view = state => (
        <div>
          <button $onclick='+1'>{state}</button>
          <hr/>
          <Counter state={100} />
          <Counter />
          <Counter />
        </div>
      );
      update = {
        '+1': state => state + 1,
      };
    }

    new App().start(document.body);