Create javascript object with other objects

Asked

Viewed 21 times

0

I need to take objects from Java arrays that I receive from the backend and transfer them to other objects to be able to use in the React-select library.

My object comes from the backend like this:

[
  { nome: 'Fulano', setor: 'Produção', filial: 1  },
  { nome: 'Ciclano', setor: 'Administrativo', filial: 2  },
  { nome: 'Maria', setor: 'Produção', filial: 1  }
]

To work on React-Select, it should look like this:

[
  { values: { nome: 'Fulano', setor: 'Produção', filial: 1 }, label: 'Fulano'},
  { values: { nome: 'Ciclano', setor: 'Administrativo', filial: 2 }, label: 'Ciclano'},
  { values: { nome: 'Maria', setor: 'Produção', filial: 1 }, label: 'Maria'}
]
javascript react react-select

1 answer

0


You can turn one structure into another:

const original = [
  { nome: 'Fulano', setor: 'Produção', filial: 1  },
  { nome: 'Ciclano', setor: 'Administrativo', filial: 2  },
  { nome: 'Maria', setor: 'Produção', filial: 1  }
]

const adaptado = original.map(usuario => ({
  values: usuario,
  label: usuario.nome
}))

console.log(adaptado)

Also, you can use the hook useMemo to "memoize" this result.

Browser other questions tagged javascript react react-select

You are not signed in. Login or sign up in order to post.