Question

我有一个连接的React组件从Redux状态拉入道具。

它正在获取一个名为plots的对象数组，如下所示：

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);
    }
};

从连接的React组件中的props映射数组

1 个答案: