如何检查在渲染函数中使用 If else 条件来打印友好值

Question

如何检查渲染函数中的条件以打印友好名称 例如 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 值并从该文件中查找以获得相应的友好字符串？

Answer 1

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

获得这个想法