Przykładowe zadanie 20.

Fragment kodu React.js:

state = {   zm1: 0  };
hanleEv = () => {this.setState({zm1:
 this.state.zm1 + 1});
}
render() {
 return (<div>
  <span>{this.state.zm1}</span>
  <button onClick={this.handleEv}>BTN_1</button>
 </div>);
}

Fragment kodu Angular:

@Component({
 selector: 'sel1',
 template: `<span>{{ zm1 }}</span>
  <button (click)="onBtnCilcked()">BTN_1</button>`
})
export class Licznik1Component {
 zm1 = 0;
 onBtnCilcked() { this.zm1++; }
}

Przedstawione równoważne funkcjonalnie fragmenty kodu w bibliotece React.js oraz we frameworku Angular mają za zadanie wyświetlić

1. jedynie napis BTN_1.
2. liczbę kliknięć przycisku.
3. liczbę 0 po przyciśnięciu przycisku​.
4. jedynie przycisk i obsłużyć generowane nim zdarzenie click​.

B