Avoiding conditionals in render

render하는 애들이 conditions이 많을 때는
새로 method function에 적어준뒤

  renderContent() {
    if (this.state.errorMessage && !this.state.lat) {
      return <div>Error: {this.state.errorMessage}</div>;
    }

    if (!this.state.errorMessage && this.state.lat) {
      return <SeasonDisplay lat={this.state.lat} />;
    }

    return <Spinner message="Please accept location request" />;
  }
  // React says we have to define render!
  render() {
    return <div className="border red">{this.renderContent()}</div>;
  }
}

저렇게 this를 쓰는 이유는 render Content가 method이기 때문이라고 한다.