2

我正在使用 normalizr 处理从 Api 收到的数据。当我收到列表时，我得到了预期的标准化实体。

但是当我发送更新一个实体的请求时，我只收到一个包裹在数据信封中的实体，而 normalizr 没有正确处理。 

// Normalize setting
import { Schema, arrayOf } from 'normalizr'

export const player = new Schema('players')
export const arrayOfPlayers = arrayOf(player)

//This is what I use for normalize 
response => normalize(response, {players: schema.player})

我收到如下数据，列表中只有一名玩家：

{
    code: 200,
    message: '',
    data: { 
        players: [{
            id: 20
            username: 'Gamer'
        }]
    }
}

我应该更改什么以将播放器检索为规范化实体？

更新：

Api 调用示例。

  fetch(
    url,
    { credentials: 'include' }
  )
    .then(checkStatus)
    .then(response => response.json())
    .then(response => normalize(response, {players: schema.player})) 
    .then( // dispatch redux action )
    .catch(function (error) {
    })
4

1 回答 1

1

如果你收到数组你应该使用 arrayOf ，否则通过 res.data.players[0] 引用对象

改变这个

normalize(response, {players: schema.player} )

至：

1) 

normalize(response.data, {players: arrayOf(schema.player) })

结果将是

{
    entities: {
        players: {
            20: {
                id: 20,
                username: "Gamer"
            }
        }
    },
    result: {
        players: [
            20
        ]
    }
}

2) 

normalize(res.data.players[0], player)

结果将是

{
    entities: {
        players: {
            20: {
                id: 20,
                username: "Gamer"
            }
        }
    },
    result: 20
}

带有其他选项的 webpackbin 演示测试

于 2016-08-01T05:47:15.980 回答