Search code examples
reduxnormalizr

Normalizr and recursive nested structure

I'm using normalizr to flatten a structure like the following one:

{
  "fields":[{
    "id":"29",
    "text": "something"
  }, {
    "id":"16",
    "text": "something"
    "fields":[{
      "id":"17",
      "text": "something"
    }]
  }, {
    "id":"18",
    "text": "something"
  }
}

My structure has an array of fields and a field may also have nested fields. There's only one level of nesting allowed.

What I'm trying to do is this:

const block = new schema.Entity('fields')
const blockList = new schema.Array(block)

block.define({
  fields: blockList
})

const normalizedData = normalize(originalData, blockList)

After running this snippet, normalizedData has a results property and it only has the first level of field ids, even though entities has all the fields normalized, including the nested ones.

result of normalize

I'd like to have in the results array all the ids, including the nested ones. What am I missing?

Solution

  • I'd like to have in the results array all the ids, including the nested ones. What am I missing?

    This is how Normalizr works. The returned result is always in the same format of the input data. You won't be able to get what you are asking for from Normalizr.

    If, however, you're just looking for a list of blocks, pull that from the entities:

    const blockIds = Object.keys(normalizedData.entities.blocks);