ref vs reactive

On the example from the vue js docs, we can see that it collects these states as refs. Should it be collected like this for a form or as a reactive object called form for example?

const text = ref('Edit me')
const checked = ref(true)
const checkedNames = ref(['Jack'])
const picked = ref('One')
const selected = ref('A')
const multiSelected = ref(['A'])

const form = reactive({
text: '',
...
})