在.map（）函数中发送道具

Question

我目前的组件中有以下道具

static propTypes = {
    oPurchaseDetails: PropTypes.array,
    updateCart: PropTypes.func.isRequired,
  }

现在我要发送到CartItem组件。 但这在那儿行不通。

          this.props.oPurchaseDetails.map(function(item) {
            return (
               <CartItem oProductItem={item} updateCart={this.props.updateCart} />
             );
          })

如何从.map（）函数发送prop函数？

Answer 1

正如@Brian提到的，您的上下文已更改，这就是为什么您无法从映射函数访问this上下文的原因。

由于您已经在使用ES6功能，因此也可以使用数组功能：

this.props.oPurchaseDetails.map(item =>
    <CartItem oProductItem={item} updateCart={this.props.updateCart} />
);

Answer 2

map接受用于设置this上下文的第二个参数：

this.props.oPurchaseDetails.map(function(item) {
    return (
        <CartItem oProductItem={item} updateCart={this.props.updateCart} />
    );
}, this);