Mapping eines Arrays von Requisiten in einer verbundenen React-Komponente

Question

Ich habe eine verbundene React-Komponente, die Requisiten aus dem Redux-Zustand zieht.

Es wird ein Array von Objekten Plots genannt bekommen, wie folgt aus:

function mapStateToProps(state) { 
    return { 
     plots: state.plots.plots 
    }; 
} 

ich einige Eigenschaften von Plots in Arrays zuordnen möchten.

machen diesen Aufruf in der Methode Feinarbeiten machen:

render() { 
     if (this.props.plots) { 
      console.log(this.props.plots.map(a => a.variety)); 
     }... 
} 

definieren diese Methode außerhalb der Klassendeklaration und es innerhalb der Render-Methode zurückgibt Aufruf undefined:

const varieties = props => { 
    if (props.plots) { 
     props.plots.map(a => a.variety); 
    } 
}; 

render() { 
     if (this.props.plots) { 
      console.log(varieties(this.props); 
     } 
} 

Wer weiß, was ich Vermisst?

Answer 1

Einfache Lösung.

Sie verpassen eine Rückgabeanweisung.

const varieties = props => { 
    if (props.plots) { 
     return props.plots.map(a => a.variety); 
    } 
};