javascript - 通过键获取对象，然后从同一对象的其他键获取值

Question

我有一个对象数组

"fields": [
    {
      "label": "Country",
      "name": "country",
      "picklistValues": ["USA", "CAN"],
      "type": "string"
    },
    {
      "label": "Day",
      "name": "day",
      "picklistValues": ["Monday", "Tuesday", "Wednesday"],
      "type": "string"
    },
    {...},
  ]

使用此代码

  renderTerritoryMeta() {
      return this.props.territoryMeta.map((territoryField) => {
        return (
          <div className="slds-grid slds-box slds-box--x-small tile">
              {territoryField.label}

          </div>
        );
      });
  }

它正在渲染数组中的所有对象。我想通过键 name 加上值来获取特定对象，然后获取同一对象的 picklistValues。

// with this array
// get the object by key 'name' & value 'country'
// then with same object get values from key 'pickListValues'

Answer 1

您可以在 div 渲染之前使用条件我会尝试这样的事情:

renderTerritoryMeta() {
      return this.props.territoryMeta.map((territoryField) => {
        const shouldRender = territoryField.name === 'country'
        let pickListValues = []
        if (shouldRender) pickListValues = territoryField.pickListValues
        if (!shouldRender) return null
        return (
          <div className="slds-grid slds-box slds-box--x-small tile">
              {territoryField.label}

          </div>
        );
      });
  }