How to filter array from a stacked array in react

Question

I want to filter only the fields element to delete it. I already manage to delete the all of the data but I want the option to delete also only one value of the fields. I manage to filter the data by this piece of code

this.setState(
  state => ({
    data: state.data.filter((row, j) => j !== i),
  })
);

But I only want to delete one item from data.fields. I already tried to use this

this.setState(state => ({
  data: state.data.filter((row, j) => row.fields[x].bitname !== k),
}));

But I've not had luck yet.

Here is the data structure:

data: [
  {
    registerName: "MANID",
    address: 0,
    mode: "R",
    size: 8,
    por: 0,
    doc: "document level",
    fields: [
      { bitname: 'INT', bitmask: '16', bitvalue: '*', maskname: '*', doc: 'doc level' },
      { bitname: 'IDLE_MODE', bitmask: '0', bitvalue: '*', maskname: '*', doc: 'doc level' },
    ]
  }
]

EvanMorrison · Accepted Answer · 2020-07-20 15:02:39Z

1

You should avoid deleting the field from the existing object because that mutates state directly. Try something like this.

this.setState(
      state => (
        {
          data: state.data.map((row, j) => {
              if (j === i) {
                return {
                  ...row,
                  fields: row.fields.filter(field => field.bitname !== k)
                }                
              }
              return row;
            }),
        }));

edited Jul 20, 2020 at 15:02

answered Jul 20, 2020 at 12:19

EvanMorrison

1,2278 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mikias Gebre Over a year ago

Thank you very much @EvanMorrison it is working as expected now

Vincent · Accepted Answer · 2020-07-20 12:12:24Z

0

If your object is row.fields[x] and you want to delete the bitname property from that object, the correct way to do it is:

delete row.fields[x].bitname

Here is an example snippet to delete a property from an object:

const field = {
  name:'Sean',
  age:25,
  bitname:'some value'
}

delete field.bitname

console.log(field)

answered Jul 20, 2020 at 12:12

Vincent

5,0433 gold badges21 silver badges30 bronze badges

Collectives™ on Stack Overflow

How to filter array from a stacked array in react

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related