reactjs - 反应 js：axios fecth 使用获取请求条件的数据：我想要带有这些值的名称：true

Question

我在反应 js 中得到了这样的 axios 获取请求响应

0: {id: 60, name: 'hari', taken: false}
1: {id: 64, name: 'kevin', taken: false}
2: {id: 73, name: 'meenu', taken: true}
3: {id: 75, name: 'hari1', taken: false}
4: {id: 69, name: 'kevin2', taken: true}
3: {id: 66, name: 'hari3', taken: false}
4: {id: 68, name: 'kevin4', taken: true}

将值集存储在我想要功能组件和类组件的示例我想将这些值设置taken: true为状态，以便我可以在 jsx 中呈现名称

标签： reactjs

Answer 1

const one = [{ id: 60, name: 'hari', taken: false },
{ id: 64, name: 'kevin', taken: false },
{ id: 73, name: 'meenu', taken: true },
{ id: 75, name: 'hari1', taken: false },
{ id: 69, name: 'kevin2', taken: true },
{ id: 66, name: 'hari3', taken: false },
{ id: 68, name: 'kevin4', taken: true }]

const two = [{ id: 73, name: 'meenu', taken: true }, { id: 69, name: 'kevin2', taken: true }]


console.log('one', getTrueData(one))
console.log('two', getTrueData(two))

function getTrueData(data) {
    return data.filter((e) => e.taken === true)
}