接続されたReactコンポーネントの小道具からの配列のマッピング

Question

接続されたReactコンポーネントがRedux状態のPropsにプルされています。

このように、プロットと呼ばれるオブジェクトの配列を取得している：

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

が、私は配列にプロットのいくつかのプロパティをマップします。 renderメソッドの内部で、この電話をかける

が正常に動作します：

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

は、クラス宣言の外に、このメソッドを定義し、renderメソッドの内部でそれを呼び出すundefinedを返します：

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

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

誰もが、私は」何を知っています私は行方不明？

Answer 1

簡単な修正。

返品に関する記載がありません。

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