搜索

首页  >  问答  >  正文

如何检查在渲染函数中使用 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粉744831602426 天前412

全部回复(1)我来回复

  • P粉121081658

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

    你尝试过状态吗?您可以从此处

    获得这个想法

    回复
    0
  • 取消回复