Verwenden der Filterfunktion, um React Component zurückzugeben - Code Review

Question

Ich verstehe nicht, was ich hier falsch mache. Ich verwende Immutable.js & React in meiner App. Ich rufe Immutable.js filter Funktion, um die Sammlung basierend auf der if Bedingung & Rückkehr Array von React-Komponenten zu verfeinern.

Es gibt tatsächlich 'svgTemplateState' anstelle der React-Komponentensammlung zurück.

 let getUpdatedTem = (renderType, svgTemplateState) => { 
      switch(renderType){ 
      case("Template Selection"): 
       return(svgTemplateState.filter((templateType) => { 
        if(templateType.get("templateNo") > -1){ 
         let temType = templateType.get("type"); 
         return(
          <TemplatePath 
          temData = { templateType } 
          key = { temType } /> 
         ); 
        } 
       })); 
      case("Preview"): 
... 

Answer 1

Immutable Filter sollte eine boolean zurückgeben, was darauf hindeutet, ob Sie die Vorlage wollen ein Teil der Sammlung sein, dass Sie zurückkehren. In Ihrem Fall geben Sie eine React-Komponente zurück.

Sie iterieren svgTemplateState, die eine Karte zu sein scheint (es ist mir nicht ganz klar, was es ist). Was Sie wiederholen sollten, ist eine Sammlung von Vorlagen, und überprüfen Sie die Vorlagennummer für jede Vorlage in der Sammlung. Sie hätten etwas (vereinfacht) wie:

Answer 2

Was möchten Sie den ersten Artikel, der die Bedingung erfüllen? mögen . findEntry()?

Answer 3

  return(svgTemplateState.filter((templateType) => { 
       if(templateType.get("templateNo") > -1){ 
        let temType = templateType.get("type"); 
        return(
         <TemplatePath 
         temData = { templateType } 
         key = { temType } /> 
        ); 
       } 
      })); 

svgTemplateState Angenommen ist ein Array, ersetzen "Filter" Verfahren in dem obigen Code mit "Karte". Wenn svgTemplateState ein Objekt mit Paaren ist, verwenden Sie a for ... in, um über svgTemplateState zu iterieren, überprüfen Sie die Bedingung und schieben Sie die Komponente auf ein temporäres Objekt, das Sie nach der Schleife zurückgeben können.