如何檢查渲染函數中的條件以列印友善名稱 例如 if (value = 101) then “some text”, else if (value = 102) then “Another text” 等等 請檢查下面的程式碼我正在嘗試。

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} 將返回模板編號，因此我想列印該模板編號的友好名稱，我正在嘗試列印，但它不是預期的。請檢查輸出的顯示方式 如果我們看到下面的螢幕截圖，則條件被視為簡單文字

如何使用 if else 檢查條件 或者有什麼方法可以創建文件/Json 值並從該文件中查找以獲得相應的友好字串？