搜尋

首頁  >  問答  >  主體

如何檢查在渲染函數中使用 If else 條件來列印友善值

如何檢查渲染函數中的條件以列印友善名稱 例如 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 值並從該文件中查找以獲得相應的友好字串?

P粉744831602P粉744831602440 天前436

全部回覆(1)我來回復

  • P粉121081658

    P粉1210816582023-09-15 09:25:47

    你嘗試過狀態嗎?您可以從這裡

    獲得這個想法

    回覆
    0
  • 取消回覆