Cara menyemak nilai mesra cetak menggunakan syarat If else dalam fungsi render

Question

Cara menyemak keadaan dalam fungsi render untuk mencetak nama mesra Contohnya jika (nilai = 101) kemudian "sesetengah teks", jika tidak (nilai = 102) kemudian "Teks lain" dsb. Sila semak di bawah kod yang saya cuba.

public render(): React.ReactElement<IGetSpListsProps> {
return (
<div>
<ol>
{
this.state.sitecontents.map(function(mylists,mylistitemkey){
return(
<li>
  <span>{mylists.Title}</span> //here it will display list titles
  
  if({mylists.BaseTemplate} = {'101'} // basetemplate will return int number like 100, 101, 103 etc so checking the condition with 101
  {
    <p>{"Generic List template"}</p>
  }
  else if ({mylists.BaseTemplate} = {'102'}) {
    <p>{"Document List template"}</p>
  } else {
    <p>{"Custom template"}</p>
  })
  
  </li>);
  })
}</ol></div>
  );

{mylists.BaseTemplate} akan mengembalikan nombor templat jadi saya ingin mencetak nama mesra nombor templat itu, saya cuba mencetak tetapi tidak dijangka. Sila semak bagaimana output dipaparkan Jika kita melihat tangkapan skrin di bawah, syaratnya dilihat sebagai teks ringkas

Cara guna kalau lain nak semak keadaan Atau adakah terdapat sebarang cara untuk mencipta nilai fail/Json dan carian daripada fail itu untuk mendapatkan rentetan mesra yang sepadan?

Answer 1

Sudahkah anda mencuba Status? Anda boleh dapatkan idea ini dari di sini