Question

我遇到的问题是使用数组中的字符串作为React中的属性名从对象获取属性值。有没有办法可以使用数组检索这些值？

以下是我的一些代码：

render() {
    return (
      <div className="dynamicTable">
        {
          this.state.people.map((item, i) => {

            return (
              <div id={item.name} className="tableRowDiv">
              {
                this.props.tableArray.map((attribute, j) => {
                  return (
                    <div className="tableDataDiv">
                      {item.(this.props.tableArray[j])} //ISSUE

问题：这是我相信的路线需要帮助。我想根据prop数组中指定的属性名称“item”调用属性

                    </div>
                  );
                })
              }
              </div>
            );
          })
        }
      </div>
    );
  }
}

People.propsTypes = {
  tableArray: React.PropTypes.array,
};

这是我用作组件的支柱的数组：

这是对象的示例：

[
  [
    'name': 'bobby',
    'height': '55',
    'hair': 'brown'
    'birthday': '01011970',
    'car': 'honda'
    'weight': '130',
    'favoriteFood': 'pizza'
  ],
  [
    'name': 'mary',
    'height': '60',
    'hair': 'brown'
    'birthday': '10141990',
    'car': 'ford'
    'weight': '160',
    'favoriteFood': 'pasta'
  ],
  [
    'name': 'jane',
    'height': '50',
    'hair': 'blonde'
    'birthday': '03241980',
    'car': 'jeep'
    'weight': '140',
    'favoriteFood': 'chicken'
  ],
]

提前谢谢！

React使用数组中的字符串作为属性名从对象获取特定属性值

0 个答案: