async/await

nanachi可自由使用async/await语法

  1. import React from '@react';
  3. class P extends React.Component {
  4.     constructor(){
  5.         super();
  6.         this.state = {
  7.             status: ''
  8.         };
  9.         this.tapHander = this.tapHander.bind(this);
  10.     }
  11.     say(){
  12.         return new Promise((resolve)=>{
  13.             setTimeout(()=>{
  14.                 resolve('hello nanachi');
  15.             }, 2000);
  16.         });
  17.     }
  18.     async tapHander(){
  19.         this.setState({status: 'waiting...' });
  20.         let result = await this.say();
  21.         this.setState({
  22.             status: result
  23.         });
  24.     }
  25.     render() {
  26.         return (
  27.             <div>
  28.                 <div>status: {this.state.status}</div>
  29.                 <button onTap={this.tapHander}>click me</button>
  30.             </div>
  31.         );
  32.     }
  33. }
  35. export default P;