index.js

import React, {useState} from 'react'

export default function Home() {

    const [stats, setStats] = useState({
        nome: '',
        cargo: '',
        birth: '',
        address: '',
        bairro: '',
        city: '',
        cep: '',
        number: '',
        contact: '',
        mail: '',
        identity: '',
        cpf: '',
        isDriver: '',
        habilitacao: ''
    })

    const [data, setData] = useState([
        {name: 'nome'},
        {name: 'cargo'},
        {name: 'birth'},
        {name: 'address'},
        {name: 'bairro'},
        {name: 'city'},
        {name: 'cep'},
        {name: 'number'},
        {name: 'contact'},
        {name: 'mail'},
        {name: 'identity'},
        {name: 'cpf'},
        {name: 'isDriver'},
        {name: 'birth'},
        {name: 'habilitacao'},

    ])

  return (
    <div>
        {data.map( ({name}) =>
            <div>
                <input
                    key={name}
                    name={name}
                    type="text"
                    placeholder={name}
                    onChange={ (e) => setStats({nome: e.target.value}) }

                    onChange={ (e) => setStats({{name}: e.target.value}) }
                />
            </div>
        )}

        {stats.nome}
    </div>
  )
}