Cara menerapkan rendering bersyarat di React

Berikut adalah beberapa cara untuk mengimplementasikan rendering bersyarat di React:

1. Menggunakan pernyataan if-else dalam rendermetode:

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