javascript - 传递一个属性，在传递时计算其值

Question

我目前正在尝试返回带有 isMyOffer 属性的组件。

return (
  <div>
    <ul>
      {Object.keys(offers).map(key => (
        <Offer
        key={key}
        index={key}
        details={offers[key]}
        account={this.props.account}
        isMyOffer={this.props.checkIfMyOffer(key, this.props.account.myOffers)}
        addToMyOffers={this.props.addToMyOffers}
        />
      ))}
    </ul>
  </div>
)

我的函数 checkIfMyOffer() 应该在创建的第一个 Offer 上返回 true，为其他的 Offer 返回 false，但对所有这些都返回 false。

checkIfMyOffer = (offerKey, myOffers) => {
    if(myOffers){
        Object.keys(myOffers).forEach(key => {
            if(offerKey === myOffers[key]) {
                console.log("return " + offerKey)
                return true
            }
        })
    }
    return false
};

console.log 显示我正在进入条件循环，但我的 Offer 组件的 isMyOffer 值仍然为 false。

感谢您的帮助。

Answer 1

if(myOffers) {
  if(Object.values(myOffers).find(x => x === offerKey)) {
    return true;
  }
}

return false;

此方法使用 Array.prototype.find() 来查看键是否在 Object.values() 数组中。

或者可以使用.includes()，如OP所述:

if(myOffers) {
  if(Object.values(myOffers).includes(offerKey)) {
    return true;
  }
}

return false;