ReactJS API(获取特定属性)

时间:2018-05-07 08:44:04

标签: reactjs api

我有一个返回一个对象数组的端点,我需要将一些属性显示到一个表中(每个对象有超过100个属性,我只需要5或6)..我的问题是,什么&# 39;这是实现这一目标的最佳方式吗?我一直在使用React-Table来显示一些信息,但这个端点有点复杂..(对象作为React子对象无效)

2 个答案:

答案 0 :(得分:1)

如果您愿意使用lodash,它有一个名为 pick 的方法,可以在与地图结合时执行您想要的操作:

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方法

答案 1 :(得分:0)

使用Array.prototype.map()

示例:



public function tambah_kehadiran(){
    if($this->input->post() && count(array_filter($this->input->post())) == 8){ // 8 = for 8 fields in your column and if anything empty it will goes to error
        extract($this->input->post());
        $q = $this->model_transaksi->insert('kehadiran', compact('kode_kehadiran','kode_karyawan','hari','tanggal','jam_masuk','kode_shift','nama','keterangan'));
        if($q){
            // success
            echo json_encode(array('status' => true, 'message' => 'Data berhasil ditambah'));
        }else{
            // error
            echo json_encode(array('status' => false, 'message' => 'Data gagal ditambah'));
        }
    }else{
        echo json_encode(array('status' => false, 'message' => 'required field(s) is|are empty'));
    }
}