컴파일되고 마운트 된 태그가 업데이트되지 않는 것 같습니다

Question

전달 된 opt가 업데이트되면 opts 속성을 읽는 태그를 컴파일하고 마운트 한 후 업데이트 할 속성을 읽는 하위 항목을 가져올 수 없습니다.

가 어떻게이 얻을 수 실 거예요,

그러나 컴파일 하나를 당신이 카운터를 증가하면

이

git clone https://github.com/shouston3/learn-riot.git && cd learn-riot/demo-problem 

npm i && npm start 

visit http://localhost:3333 

는 컴파일되지 않은 카운터가 업데이트됩니다

문제 실행의 데모를 보려면 업데이트 하시겠습니까? 도움

Answer 1

에 미리

덕분에 나는 당신이 부모와 자식 태그를 모두 증가 할 것으로 가정하여 코드를 단순화. 나는이 경우에 필요하지 않은 것보다 var self = this를 제거하고이 할당을 변경했습니다. 그냥 태그 <count count={this.count}></count> 다음

(아마 태그와 변수에 대한 다른 이름을 사용하는 것이 더 좋습니다)에 PARAMS을 통과 아이들에게 데이터를 전달하려면 코드 여기

<demo> 
    <button onclick={increment}>increment</button> 

    <h1>Uncompiled count: {this.count}</h1> 

    <count count={this.count}></count> 

    this.count = 0; 

    increment() { 
     this.count = ++this.count; 
     console.log('count: ', this.count); 
     this.update(); 
    } 

    </demo> 

에게 예를 https://jsfiddle.net/vitomd/mjqa2d5j/4/

입니다