ReactJS API（获取特定属性）

Question

我有一个返回一个对象数组的端点，我需要将一些属性显示到一个表中（每个对象有超过100个属性，我只需要5或6）..我的问题是，什么是最好的方法实现这个？我一直在使用React-Table来显示一些信息，但这个端点有点复杂..（对象作为React子节点无效）

Answer 1

使用Array.prototype.map()

例：

const data = [
  {prop1: 11, prop2: 12, prop3: 13, prop4: 14},
  {prop1: 21, prop2: 22, prop3: 23, prop4: 24},
  {prop1: 31, prop2: 32, prop3: 33, prop4: 34}
];

// Assuming you are only interested in prop1 and prop2
const filteredResult = data.map(item => (
  {prop1: item.prop1, prop2: item.prop2}
));

console.log(filteredResult);

Answer 2

如果您愿意使用lodash，它有一个名为pick的方法，当您与map结合使用时，它会执行您想要的操作：

import * as _ from 'lodash';
const object = [{ 'a': 1, 'b': '2', 'c': 3 }, { 'a': 2, 'b': '3', 'c': 4 }];

const result = object.map((item) => 
  _.pick(item, ['a', 'c'])
);

Console output of result: [{ 'a': 1, 'c': 3 }, {'a': 2, 'c': 4 }]

或者，如果您只需要值而不是键，则可以尝试使用下划线的pluck方法