So überprüfen Sie den druckfreundlichen Wert mithilfe der If-else-Bedingung in der Renderfunktion

Question

So überprüfen Sie die Bedingung in der Renderfunktion, um einen benutzerfreundlichen Namen zu drucken Zum Beispiel wenn (Wert = 101), dann „etwas Text“, sonst wenn (Wert = 102), dann „Anderer Text“ usw. Bitte überprüfen Sie unten den Code, den ich versuche.

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} gibt die Vorlagennummer zurück, daher möchte ich den Anzeigenamen dieser Vorlagennummer drucken. Ich versuche zu drucken, aber es wird nicht erwartet. Bitte überprüfen Sie, wie die Ausgabe angezeigt wird Wenn wir den Screenshot unten sehen, wird die Bedingung als „einfacher Text“ angezeigt So verwenden Sie „if else“, um Bedingungen zu überprüfen Oder gibt es eine Möglichkeit, einen Datei-/Json-Wert zu erstellen und in dieser Datei nach der entsprechenden benutzerfreundlichen Zeichenfolge zu suchen?

Answer 1

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

获得这个想法