Would an API like this for conditional fields be possible?

[austincondiff]

If we could inject data into the fields array like this, I believe this would be a much simpler API.

const fields = ({ data }) => [
  {
    name: 'useReadme',
    label: 'Use ReadMe',
    component: 'toggle',
  },
  ...(data.useReadme
    ? [
        {
          name: 'title',
          label: 'Title',
          component: 'text',
        },
        {
          name: 'body',
          label: 'Body',
          component: 'markdown',
        },
      ]
    : []
  ),
]

const fields = ({ data }) => [
  {
    label: 'Internal',
    name: 'internal',
    description: 'Set to false if you want link to another website',
    component: 'toggle',
  },
  ...(data.internal
    ? [
        {
          label: 'Slug',
          name: 'slug',
          component: 'text',
        },
      ]
    : [
        {
          label: 'Link',
          name: 'link',
          component: 'text',
        },
      ]
  ),
]

Thoughts?

[oskareke]

This would be very helpful not just for conditional fields but also to simplify building more advanced form controls using remote data.