Method render

example/app.jsx:67–109

()

  }

  render() {
    const {
      listLen, hasMore, initializing, refreshedAt, canRefreshResolve,
    } = this.state;
    const list = [];

    if (listLen) {
      for (let i = 0; i < listLen; i++) {
        list.push((
          <li key={i}>
            <p>{i}</p>
          </li>
        ));
      }
    }
    return (
      <div className="view">
        <h1>react-touch-loader {refreshedAt.toString().substr(7)}</h1>

        <Tloader
          className="main"
          onRefresh={this.refresh}
          onLoadMore={this.loadMore}
          hasMore={hasMore}
          initializing={initializing}
        >
          <ul>{list}</ul>
        </Tloader>

        <div className="footer">
          <a href="https://github.com/Broltes/react-touch-loader">view source</a>
          <label>
            can refresh resolve
            <input
              type="checkbox"
              checked={canRefreshResolve}
              onChange={this.toggleCanRefresh}
            />
          </label>
        </div>
      </div>
    );
  }
}

export default hot(module)(App);