How to handle composite fields?

[hinogi]

Lets take something like the following as a response from a graphql endpoint

{
  "data": {
    "person": {
      "id": 1,
      "name": "John",
      "friends": [
        {
          "id": 2,
          "name": "Steve"
        }
      ]
  }
}

And I have a selectbox where you can see/select a friend or something like that. Is there a way to use useField/useForm with such data in the form that I can assign a value like ${id} - ${name} as the value?

[logaretm]

Unsure what you exactly need but you can set any value in any path with setFieldValue from useForm

const { setFieldValue } = useForm();

setFieldValue('someField', 'value');
// set nested paths
setFieldValue('friends[0]', { id: 2, name: 'Steve' });
// or
setFieldValue('friends[1].id', 3);

Is that what you are looking for? do you have a more specific example?

[sschneider-ihre-pvs]

I was looking more like how can I have a select input that show 2 values of an object instead of just one

[sschneider-ihre-pvs]

Like name="friends.id + friends.name"