Sposoby implementacji renderowania warunkowego w React

Oto kilka sposobów implementacji renderowania warunkowego w React:

1. Używając instrukcji if-else w rendermetodzie:

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>;
}