Façons d'implémenter le rendu conditionnel dans React

Voici quelques façons d'implémenter le rendu conditionnel dans React :

1. Utilisation d'une instruction if-else dans la renderméthode :

render() {
  if (this.state.isLoading) {
    return <div>Loading...</div>;
  } else {
    return <div>Hello, World!</div>;
  }
}

render() {
  return this.state.isLoading ? <div>Loading...</div> : <div>Hello, World!</div>;
}

render() {
  return this.state.isLoading && <div>Loading...</div>;
}

renderContent() {
  if (this.state.isLoading) {
    return <div>Loading...</div>;
  }
  return <div>Hello, World!</div>;
}

render() {
  return <div>{this.renderContent()}</div>;
}
//
getContent() {
  if (this.state.isLoading) {
    return <div>Loading...</div>;
  }
  return <div>Hello, World!</div>;
}

render() {
  const content = this.getContent();
  return <div>{content}</div>;
}